body,p,ul,ol,h1,h2,h3,h4,h5,h6,figure,figcaption{ padding:0;margin:0; } body { font-family:microsoft yahei; font-size:14px; /*background: #ffffff;*/ /*这是禁止浏览器复制的代码*/ /*-moz-user-select: none; *//*火狐*/ /*-webkit-user-select: none; *//*webkit浏览器*/ /*-ms-user-select: none; *//*IE10*/ /*-khtml-user-select: none; *//*早期浏览器*/ /*user-select: none;*/ background:#fcfcfc url(/static/whgdmk/img/bg6f.gif) repeat-y center 0; } ul,ol{ list-style: none; } a{ text-decoration: none; color:#333; border: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none; } a:hover{ color:#ef0414;} /* diy-style */ .tb_cs_sy{ } .tb_cs_sy .p_sy{ font-size: 15px; padding: 10px 10px 15px 10px; color: #db0d0d; font-weight: bold; /* border-bottom: 1px solid #aaaaaa;*/ } .tb_cs_sy .p_sy i{ margin-right: 12px; vertical-align: 0px; font-size: 10px; } /*技术文章中参入的产品推荐连接*/ .product_tj_sy{ margin-top: 15px; padding: 10px 0 10px 210px; margin-bottom: 25px; overflow: hidden; border-bottom: 1px dashed #eee; } .product_tj_sy span{ display: inline-block; margin-right: 20px; padding-top: 3px; text-align: center; } .product_tj_sy span a{ display: block; text-align: center; font-size: 14px; line-height: 35px; text-decoration: none; color: #555; } .product_tj_sy span img{ width:auto; height:130px; border: 1px solid #FFF; } .product_tj_sy span img:hover{ border:1px solid #000; } .showcase_sy{ display: block; height: 300px; padding: 20px 0 20px 0; margin-bottom: 5px; border-bottom: 1px dashed #eee; } .showcase_sy a{ display:block;overflow:hidden;width:470px; text-align:center; margin:0 auto; padding:0; font-size:16px; font-weight:500; text-decoration:none; color:#005aaa; } .showcase_sy a:hover{ color:#333;} .showcase_sy a img{ margin:0 auto 3px 0; width:462px; height:250px; transition: all 0.4s; transform: scale(0.9);border:1px solid #00000017;} .showcase_sy a img:hover{ transition: all 0.4s; transform: scale(1.0);} /*帮你选型页需要帮助标签效果*/ .get_help_sy{ padding: 0px 0 10px 0;margin-top: 50px; } .get_help_sy .p1{ margin: 50px 0 0px 10px;text-shadow: 2px 1px 3px #0000001f;color: #8b0000cf; } .get_help_sy .p1 i{ vertical-align: -2px; margin-right: 5px;} /*.get_help_sy .p2{ margin: 30px 0 0px 10px; transition: transform 0.1s; /* 平滑过渡 }*/ /*.get_help_sy .p2:hover { transform: translateX(10px); 轻微移动 }*/ .get_help_sy .p2{ margin-top: 20px;padding: 30px 0 30px 10px; transition: transform 0.5s ease-in-out; /* 平滑过渡效果 */ } /* 定义抖动动画 */ @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); } 20%, 40%, 60%, 80% { transform: translateX(5px); } } .get_help_sy .p2:hover { animation: shake 0.7s cubic-bezier(.36,.07,.19,.97) both; /* 应用抖动动画 */ transform: translateX(0); /* 重置位置，避免动画结束后有残留的移动 */ } .get_help_sy .p2 i{ vertical-align: -2px; } .get_help_sy .p2 .tel_sy{ border: 1px solid;padding: 0 2px 0 2px; box-shadow: 1px 1px 1px rgba(0,0,0,0.5);} .get_help_sy .p2 .font_sy{ text-shadow: 2px 2px 2px #00000029; } .get_help_sy .p2 .font_sy span{ color: red; font-size: 24px; font-weight: bold; vertical-align: -4px; } /*产品页增加链接相关*/ .n_prolist{ overflow: hidden; border-top: 1px solid #ddd; padding-bottom: 15px; margin-top: 20px; border-bottom: 1px solid #ddd; } .n_prolist .box{ overflow: hidden; clear: left; margin: 0 auto; display: block; width: 1160px; position: relative; } .pcnbox_left{ width:380px;} .tjbox_left,.tjbox_right,.pcnbox_left,.pcnbox_right,.pcnbox_center,.pcnbox_left_v{ float:left;} .n_prolist h3{ margin: 25px 0 25px; padding: 3px 0; color: #222; } .n_prolist .zt_h3 { font-size: 19px; color: #222; font-family: 'Microsoft Yahei',Arial; font-style: normal; } .n_prolist .box ul{ margin:0; padding:0;} .n_prolist .box ul li{ color:#ddd; height:26px; line-height:26px; width:470px;} .n_prolist .box ul li a{ padding:0 5px 0 25px; color:#555;font-size:13px; background:url(https://www.power-kva.com/images/ico/ico_d1.gif) no-repeat 6px center;} .n_prolist .box ul li a:hover{ background:url(https://www.power-kva.com/images/ico/ico_d3.gif) no-repeat 0 center; color:#ef0414;} .n_prolist .box ul li font{ font-size:12px; color:#888;} .n_prolist span{ font-weight:bold;} .pcnbox_left h3 i,.pcnbox_center h3 i,.pcnbox_right h3 i,.pcnbox_left_v h3 i{ padding-right:10px; vertical-align:-1px;} .zt_h3 i{ font-style:normal; font-weight:normal;} .tjbox_left{ width:483px;} .tjbox_right{ width:297px;} .pcnbox_center{ width:278px;} .pcnbox_right{ width:500px;} .pcnbox_right .bg{ background:url(../images/ico/bg_x.gif) no-repeat 120px 43px;} .pcnbox_right .pcn_div,.pcnbox_right .pcnxz_div{ border-left:1px dashed #ddd; padding-left:25px;} .pcnbox_right .pcn_div a{ display:block; height:25px; line-height:25px; padding-left:50px; margin-left:26px;font-size:13px; color:#555; background:url(https://www.power-kva.com/images/ico/ico_fa.gif) no-repeat 1px 5px;} .pcnbox_right .pcn_div a:hover{ background-position:1px -28px; color:#ef0414;} .pcnbox_right .pcnxz_div{ height:174px; padding-top:30px;} .pcnxz_div p{padding-left:26px;font-size:13px; color:#555; line-height: 33px;} .pcnxz_div .p1{line-height:24px;} .pcnxz_div .p2{color:#ef0414; padding:10px 0 5px 26px;} .pcnxz_div .p3{ display:block; height:13px; line-height:13px;margin:7px 0 7px 28px; padding-left:5px;border-left:7px solid #a5a5a5; font-size:12px;} .pcnxz_div .p3:hover{border-left:14px solid #ef0414;} .pcnbox_right .pcnxz_div p a{color:#555;} .pcnbox_right .pcnxz_div p a:hover{ color:#ef0414;} .pcnbox_left_v{ width:658px;} .pcnbox_left_v ul{ display:block;} .pcnbox_left_v ul li{ display: inline-block; width:210px; overflow:hidden;} .pcnbox_left_v ul li a{padding: 0 5px 0 15px;background: url(https://www.power-kva.com/images/ico/ico_d1.gif) no-repeat 0 center;} /*产品列表新样式*/ ul.product-list { list-style: none; padding: 0; margin: 0; max-width: 100%; overflow: hidden; } ul.product-list li { width: 20%; height: auto; float: left; margin-left: 3%; margin-top: 20px; padding: 8px; /* margin: 8px 5px; */ background: #f8f9faab; border-radius: 8px; transition: all 0.3s ease; position: relative; } ul.product-list li p { margin-top: 10px; line-height: 25px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top: 1px solid #ddd; } ul.product-list .li_img { width: 100%; height: 110px; overflow: hidden; } ul.product-list img { width: 100%; height: 100%; overflow: hidden; } ul.product-list li:hover img{ -webkit-animation: fangda 1s ease-in both; } .card-list { list-style: none; padding: 0; display: grid; gap: 15px; } .card-list p{ background: white; padding: 20px; border-radius: 12px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); border-left: 4px solid #2196F3; transition: all 0.3s ease; } /* 使用伪元素添加自定义图标 */ ul.product-list li::before { /* content: "✔";*/ color: #4CAF50; margin-right: 12px; font-weight: bold; } /* 悬停效果 */ ul.product-list li:hover { background: #e9ecef; transform: translateY(-10px); box-shadow: 2px 2px 8px rgba(0,0,0,0.1); } /*帮你选型上一页下一页按钮样式*/ .interval{border-top: 1px solid #dddddd8c; margin-top: 40px; padding: 20px; background: #fafafa; border-radius: 5px; } .interval span f{ line-height: 22px; margin-right: 10px; padding: 3px 10px; background: #222; color: #FFF; font-size: 12px; border-radius: 3px; } .interval a:hover{ border-bottom:1px solid #000 } /*产品页面详情文字样式*/ .p_details{ font-size: 15px; line-height: 33px; text-indent: 47px; padding: 0 0 10px 0; color: #333;} .p_details f{ line-height: 22px; margin-right: 10px; padding: 3px 7px; background: #448b9d; color: #FFF; font-size: 12px; border-radius: 3px; } ul.p_details li{ text-indent: 10px; } ul .li_sy1{margin-left: 18px;text-indent: 0px;} .newtit_top{ background:#fefefe; padding:30px 0 25px 0;border-bottom: 1px dashed #eee;} .newtit_top ul{ display:block; text-align:center;} .newtit_top ul li{ display:inline-block; height:35px; padding:0 40px 0 20px; background:url(../images/ico/ico_d3h.gif) no-repeat 0 center;} .newtit_top ul li:Hover{background:url(../images/ico/ico_d3h.gif) no-repeat 0 center; } .newtit_top ul li a{ padding-bottom:6px; font-size:15px; color:#0062db; line-height:35px;} .newtit_top ul li a:hover{ color:#0062db;border-bottom:1px solid #000;} .pimg_cent { text-indent: 0; text-align: center; padding-top: 20px; } .pspan1{ padding: 0px 0px 10px 31px; margin: 0px; line-height: 26px; display: block; font-size:20px; text-indent: 8x; border-bottom: 1px dashed rgb(204 204 204); } .fwbox .zt_h3 { padding: 15px 0 10px 0; display: block; color: #444; font-size: 15px; font-weight: bold; } .dataintable_wz {margin-top:15px;border-collapse:collapse;border:1px solid #aaa;width:100%; } .dataintable_wz th {vertical-align:baseline;padding:5px 15px 5px 6px;background-color:#3F3F3F;border:1px solid #3F3F3F;text-align:left; color:#fff; } .dataintable_wz td {padding: 6px 15px 6px 6px;border: 1px solid #ddd; vertical-align: middle;} .dataintable_wz .tab { width: 10%; } .dataintable_wz .t_color {text-align: center; background-color: #016d6c; color: #ffffff; } /*.dataintable_wz tr:nth-child(odd) {text-align: center; background-color: #016d6c; color: #ffffff; }*/ /*.dataintable_wz tr:nth-child(even) {background-color:#fff;}*/ .dataintable { margin-top:15px; border-collapse:collapse; border:1px solid #aaa; width:100%; } .dataintable th { vertical-align:baseline; padding:5px 15px 5px 6px; background-color:#3F3F3F; border:1px solid #3F3F3F; text-align:left; color:#fff; } .dataintable td { vertical-align:text-top; padding:6px 15px 6px 6px; border:1px solid #aaa; } .dataintable tr:nth-child(odd) { background-color:#F5F5F5;} .dataintable tr:nth-child(even) { background-color:#fff;} .dataintable_product{ text-align:center;margin-top: 15px; border-collapse: collapse; width: 100%; background: #ccc; padding: 0; margin: 15px 0 20px 0; border: none; border-spacing: 1px; line-height: 22px; border-collapse: separate; border-top: 1px solid #027781; } .dataintable_product tr{ background: #ffffff; } .dataintable_product td{ padding: 6px 2px 6px 5px;color: #222;line-height: 30px; font-size: 13px;} .dataintable_product .tp{ font-weight: bold; text-align:center; } .dataintable_product .htp{ background: #eee;color: #016d6c; } .showmk_box { display: block; clear: left; } .showmk_box .titm { font-size: 15px; display: block; color: #333; } .mc { margin: 0 10px; } .zc_divul{ width:1180px; height:180px; margin-top:25px; display:block; margin-left: 20px; } .zc_divul li{ border-radius: 5px; float:left; width:32%; height:175px; padding:20px 0; border:1px solid #fff; background:#f8f8f885; display:block;text-align:center; } .zc_divul li:hover{ background:#f3f3f3; } .zc_divul li i,.zc_divul li span,.zc_divul li p{ display:block; } .zc_divul li i{ height:60px;font-size:37px;color:#555; } .zc_divul li .t{ height:30px; font-size:15px; color:#555;font-weight: bold;} .zc_divul li p{height:68px;font-size:14px;line-height:23px;padding:15px 10px 0;color:#777;} .zc_divul li p span{ display:block; padding:23px 0 0 0; font-style:normal;} .zc_divul li p span m{ font-size:20px; color:#444; font-family:"Arial"; } .box_sh img{width:800px; height:144px; display:block; margin:0 auto; padding:30px 0 0 0;} .box_ys p{text-indent:0; padding:0 0 0 0;} .box_ys .ys_div{ padding:15px 0 0 0;} .box_ys .ys_div font{color:#d8271a; font-size:13px; font-weight:bold; display:block; padding-bottom:10px;} .h3_details{ display:block;margin:50px 0 25px;padding:3px 0;color:#222;font-size: 18px;font-family: 'Microsoft Yahei',Arial; font-style: normal;font-weight: bold;} .zt_h3 span,.pzt_h3 span,.h3_details span,.h3_details m,.nr_h2xbt_box m,.nr_h2bt_box m{ color:#aaa; font-family:Arial; font-weight:normal; font-size:14px; margin-left:20px;} .zt_titm,.zt_tittd,.zt_titgn,.zt_tityl{height:45px; line-height:45px; font-size:14px; color:#025b61; padding:0 0 0 15px;display:block; margin:12px 0 7px; } /*.zt_titm{ background:#f6f6f6; url(/static/whgdmk/img/ico/icoimg.gif) no-repeat 0 center;} /*ͼƬ*/ .zt_titm{ background:#f6f6f6; } .zt_titm i{ font-size: 20px; color: red; vertical-align: -2px; margin-right: 3px; } .showmk_box p,.tab_c p{ line-height:33px;font-size:14px; color:#252525;clear:left; overflow:hidden;} .showmk_box .pimg2 .mcr,.showmk_box .pimg3 .mcr,.showmk_box .pimg3a .mcr{ margin-right:31px;} .showmk_box .pimg2 span,.showmk_box .pimg3 span,.showmk_box .pimg3a span,.showmk_box .pimg4z span,.showmk_box .pimg4y span{ display:block; float:left;} .showmk_box .pimg3a{ width:1180px;padding:10px 0 5px;} .showmk_box .pimg3a span m{ color:#555; background:#fafafa; z-index:2; position:absolute; bottom:0;} .showmk_box .pimg3a span{border:1px solid #e9e9e9;z-index:1; height:202px;cursor: pointer;overflow: hidden;position: relative;} .showmk_box .pimg3a m{ width:100%; height:35px; line-height:35px; color:#333; text-align:center; display:block;} .showmk_box .pimg3a span img:hover{transform: scale(1.4);} .showmk_box .pimg3a span a{ width:265px; height:166px; overflow:hidden;} .showmk_box .pimg3a span img{position: relative;top: 0;left: 0; transition: all 0.4s;} .showmk_box .pimg3a span img:hover{transform: scale(1.4);} .showmk_box .pimg3a span img{width:265px; height:166px;} .p_tit{ height: 30px; line-height: 30px; padding: 5px 0 5px 23px; text-align: left; font-size: 16px; font-weight: bold; color: #025b61;} .cs_div { display: block; overflow: hidden; font-size: 13px;} .cs_div table{ font-size: 14px; width: 1178px; text-align: left; border-top: 1px solid #ccc; margin-bottom: 8px;} .cs_div table td { height: 30px; line-height: 30px; padding: 7px 0 7px 10px; color: #333; border-bottom: 1px solid #ccc;} .cs_div table .tbr { border-right: 1px dashed #ccc;} .showmkctophd h2{ padding:13px 0 5px;} .showmkcsbox{ display:block; width:1160px; height:auto; overflow:hidden; padding: 0 0 0 8px;} .showmkcsbox .mr{ margin-right:0;} .showmkcsbox ul{ display:block;} .showmkcsbox ul li{ float:left; display:block;width:347px; height:155px; overflow:hidden; padding:17px 13px 20px; margin:0 17px 15px 0;border:1px solid #FFF;color:#888;} .showmkcsbox ul li:hover{ background:#fafafa;border:1px solid #FFF;color:#016d6c; } .showmkcsbox ul li span,.showmkcsbox ul li p{ display:block;} .showmkcsbox ul li .sp1,.showmkcsbox ul li .sp2{ float:left;} .showmkcsbox ul li .sp1{ width:98px; height:67px; margin-bottom:25px;} .showmkcsbox ul li .sp1 img{ width:98px; height:67px; border:1px solid #eee; transition: all 0.5s;} .showmkcsbox ul li .sp1 img:hover{border:1px solid #000;} .showmkcsbox ul li .sp2{ height: 28px;line-height: 28px;font-size: 17px;color: #006b58; margin:10px 0 0 15px;} .showmkcsbox ul li .sp2 a{ display:block;height: 28px; font-size:15px; font-weight:normal;} .showmkcsbox ul li p{ clear:left; border-top:1px solid #ccc; padding-top:15px; font-size:14px;line-height:24px; text-align:center;} .showmkcsbox .tit{color:#ef0414;} .showmkcsbox .tit .zh3{ font-size:17px; font-weight:bold; color:#016d6c;} .mk_btbox{ display: block; height: 200px; width: 80%; padding: 10px 0 50px 230px; font-size: 15px; } .mk_btbox .pdiv{ float: left; border: 1px solid #ddd; padding: 8px 50px 8px 50px; border-radius: 8px; background-color: #f8f8f8; margin-top: 40px; } .mk_btbox .pimg{ float:left;} .mk_btbox .pstr{ float: right; padding-left: 20px; line-height: 25px; color: #016d6c; } .mk_btbox .pdiv1{ float: left; border: 1px solid #ddd; padding: 8px 50px 8px 50px; margin: 40px 0 0 65px; border-radius: 8px; background-color: #f8f8f8; } .mk_btbox .pstr1{ float: right; padding-left: 20px; line-height: 38px; color: #016d6c;} .qtlb{ height: 28px; border-bottom: 1px dashed #ddd; font-size: 15px; padding: 10px 0px 0 0;} .head_window_show{ width:100%; height: auto; margin-bottom: 60px; margin-top: 40px; } .cp_window{ /*width: 105%;*/ height: auto; overflow: hidden; margin-top: 30px; padding-top: 10px; padding-bottom: 10px; } .cp_window li{ width: 277px; height: auto; float: left; margin-left: 25px; margin-top: 1px; box-shadow: 0px 4px 11px rgba(19,19,19,.30); } .cp_window li:first-child { margin-left: 9px; } .cp_window li:hover{ background:#f8f8f8; color:#ef0414; margin-top:-8px;transition: all .3s;} .cp_window li .div1{ height: 263px; width: 275px; /* padding: 1px 1px 0 1px;*/ /* overflow: hidden; */ /* background: -webkit-linear-gradient(top, #89e7ff,#45d9ff, #02afdb);*/ } .cp_window li .div2{ padding: 15px; height: 150px; /* background: #00afdc; */ background: #ffffff; } .cp_window li .div2 .btn_sty{ float: right;width: 45px;height: 25px;font-size: 17px;margin-top: 20px;text-align: center;border: 1px solid #aaa;padding: 3px;border-radius: 5px; } .cp_window li .div2 .wstr1{ font-size: 18px; line-height: 40px; width: 98%; padding: 0 2%; margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cp_window li .div2 .wstr2{ color:#888; font-size: 14px; width: 98%; padding: 0 2%; line-height: 23px; overflow: hidden; /* white-space: nowrap; */ /* text-overflow: ellipsis; */ } /*.cp_window li .div2 .wstr1 a{ color:#ffffff }*/ /***************end****************/ .lxwm_window{ display:block; } .lxwm_window h2{ font-size: 16px; font-weight: 600; margin-top: 20px; } .lxwm_window .span_left{ margin-left: 20px; } .lxbox{ display: block; float: left; background: rgb(239, 4, 20); padding: 1px 10px 1px 10px; border-radius: 3px; color: #FFFFFF; } address {font-style: normal;} article,address, aside, dialog, footer, header, section, nav, figure, menu { display: block;} .g_prolist{ border-top:1px solid #ddd; margin:55px 0 5px 0;} .g_prolist .wrap{ overflow:hidden;border-top:1px solid #ddd; padding-top:20px; margin-top:-1px;} .g_prolist ul{ padding-top:15px; display:block;} .g_prolist li{ float:left; width:auto;margin-right:28px;} .g_prolist li img{ border:1px solid #fff;margin:2px;width:163px; height:100px;} .g_prolist li img:hover{border:1px solid #111;} .g_prolist li p{ height:33px;line-height:33px; display:block;text-align:center;} .g_prolist li p a{ color:#333;} .g_prolist li p a:hover{ color:#ef0414;} .g_prolist h3 i{ font-weight:normal; font-size:23px; padding-right:10px; vertical-align:-3px;} .g_prolist li a{ font-size:13px;} .title_style_h3{ display:block;margin:45px 0 25px;padding:3px 0;color:#222;font-size: 19px;font-family: 'Microsoft Yahei',Arial; font-style: normal;font-weight: bold;} .zt_h3 span,.pzt_h3 span,.title_style_h3 span,.title_style_h3 m{ color:#aaa; font-family:Arial; font-weight:normal; font-size:14px; margin-left:20px;} .g_prolist .mr,.general_cent .mr,.al_divul .ai_mr,.zs_div ul .mr,.pro_xfl .mr{ margin-right:0;} .pbigimg { width: 1170px; padding: 25px 0; border-top: 1px solid #ddd; text-align: conter; color: #333; } /*table_style*/ /*webkit scroll*/ ::-webkit-scrollbar-track-piece {background-color:#f5f5f5;border-left:1px solid #d2d2d2;} ::-webkit-scrollbar {width:10px;height:13px;} ::-webkit-scrollbar-thumb {background-color:#c2c2c2;background-clip:padding-box;border:1px solid #c5c5c5;min-height:28px;} ::-webkit-scrollbar-thumb:hover {border:1px solid #666;background-color:#929292;} /*table_style*/ .liuyan_jswz .zt { color: #333; } .liuyan_jswz a, .liuyan_jswz font { display: block; height: 35px; line-height: 35px; float: left; font-size: 15px; } .liuyan_jswz .lxfs .an { background: #ff0000; color: #FFF; padding: 0 20px; border-radius: 8px; margin-right: 20px; font-size: 13px; } .liuyan_jswz { clear: left; color: #333; overflow: hidden; } .btp, .bt { border-top: 1px solid #ddd; } .pb35 { padding-bottom: 35px; } .pt15 { padding-top: 15px; } .pb5 { padding-bottom: 5px; } .pl27 { padding-left: 34px; } .liuyan_jswz .lxfs { padding-top: 25px; } .liuyan_jswz .lxfs .dh { padding-right: 20px; font-family: Arial; font-size: 15px; } .jswz_h2_style{ color:#ff0000; } .botton_box{ color: #FFF; padding: 0 20px; border-radius: 8px; margin-right: 20px; font-size: 13px; } .botton_box li { float: left; padding:7px 20px; border-radius: 8px; border: 1px solid #f7f7f7; background: #444; margin-right: 20px; display: block; text-align: center; } .botton_box li:hover{ background:#ff0000; } .cify_fa{clear:left; padding:25px 0 25px; text-align:center; font-size:22px; background:#42748b;} .cify_fa .tit1{ color:#FFF; height:40px; line-height:40px; font-weight:bold;} .cify_fa .dh{ font-size:33px; margin-top:10px; font-family:arial; font-weight:bold; color:#fff000;} .cify_fa .ms{ font-size:15px; margin-top:10px; color:#ccc;} /*news box list*/ .i_project{} .i_project .i_proj{padding:20px 0 10px;} .i_project .i_proj .br{border-right:1px dashed #eee;} .i_project .i_proj .mit_hr{ width:35px; margin:0 auto; border-color: #df0000; border-top:1px solid #df0000; border-left:1px solid #df0000;} .i_project .i_proj .mb{ margin-bottom:10px; overflow:hidden;} .i_project .i_proj ul{display:block;} .i_project .i_proj ul li{float:left;width:19.9%;padding:25px 0 25px;} /*.i_proj ul li{ float:left;width:24.92%; padding:25px 0 25px;}*/ .i_project .i_proj ul li a{ display:block;float: none;width:106px; height:42px;margin:0 auto;position:relative;} .i_project .i_proj ul li a:after{content:"";position: absolute; width:35px; bottom:0; left: 34%; height:2px; background-color: #e01400;content:"";transition: all .5s;} .i_project .i_proj ul li a:hover:after{ width: 100%; left: 0;} .i_project .i_proj ul li .T{ display:block; padding:0 0 10px 0; font-size:50px; color:#333; font-weight:600;transition: all 0.4s;} .i_project .i_proj .T i,.i_project .i_proj .T span{ display:block; text-align:center; } .i_project .i_proj .T i{width:70px; height:33px; line-height:33px; padding-bottom:20px; margin:0 auto;text-align:center; font-weight:normal; color:#ef0414;} .i_project .i_proj .T span{height:30px; line-height:30px;font-size:17px; } .i_project .i_proj ul li p{ display:block; clear:left; height:90px; padding:25px 10px 0 10px; line-height:26px; color:#555; text-align:center;} sp .img_str_conter{ display: block; height: 42px; padding-top: 8px; padding: 0 80px 0 0px; line-height: 2; } sp .img_str_conter .sp1{ width: 70px; height: 34px; line-height: 34px; } .Cright_jjfa { /* width: 870px;*/ height: auto; float: right; } .Cright1_jjfa { /* width: 890px; */ height: auto; /* float: right;*/ } .Cright_jjfa .Cright1_jjfa { width: 100%; /* background: #f7f7f7; border-bottom: 1px solid #ddd; */ clear: both; } .Cright_jjfa .Cright1_jjfa span { /* display: inline-block; font-size: 14px; line-height: 60px; padding: 20px 0 25px 20px; border-bottom: 2px solid #00afdc;*/ display: inline-block; font-size: 14px; /* line-height: 60px; */ padding: 0px 18px 10px 20px; } .Cleft_jjfa { width: 98.2%; height: auto; /* padding: 0 10px 40px; */ /* border: 1px solid #cccccc; */ float: left; } .Cleft_jjfa .lb1 { padding:0px 3px; background: #00afdc; margin: 0 5px 0 0; } .Cleft_jjfa .lb { width: 100%; line-height: 60px; font-size: 17px; font-weight: bold; text-indent: 10px; color:red; /* border-bottom: 1px dashed #cccccc;*/ } .Cleft_jjfa { float: left; /* background: #f8f8f8;*/ } .Cleft_jjfa .Cleft1_jjfa { /* width: 100%;*/ height: auto; margin: 16px 10px 0 0px; border-bottom: 1px dashed #cccccc; } .Cleft_jjfa .Cleft1_jjfa .Cleft11_jjfa { line-height: 36px; /* text-indent: 10px;*/ font-size: 14px; cursor: pointer; } .Cright_jjfa .csbt{font-size: 24px; color: rgb(1 109 108); padding-top:70px;text-align: center;} .cs_jjfa_chuchuang{ margin: 20px; padding-bottom: 30px; height: 320px; border-bottom: 1px solid #dddddd; } .cs_jjfa_chuchuang .cs_jjfa_chuchuang1{ width:220px; height:300px; border: 1px solid #ddd; float: left; margin-right: 10px; text-align: center; padding-top: 10px; border-radius: 5px; } .Cright_jjfa ul li:hover{background:#f3f3f3;border:1px solid #eee; color:#555;} .Cright_jjfa .csbt a:after { position: absolute; width: 35px; bottom: 0; left: 34%; height: 2px; background-color: #e01400; content: ""; transition: all .5s; } .cs_jjfa_chuchuang .cs_jjfa_chuchuang1 h3{ height: 30px; width: auto; line-height: 25px; text-align: center; color: #016d6c; font-size: 15px; font-weight: normal; margin: 5px 10px 8px 10px; border-bottom: 1px solid #ccc; font-weight: bold; } .cs_jjfa_chuchuang .cs_jjfa_chuchuang1 p{ line-height: 21px; text-align: left; padding: 0 10px 0 10px; text-indent: 26px; } .jrxq{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #016d6c; padding: 0 1px; border-radius: 7px; } .bnxx_syxm{ margin-top: 100px; padding-bottom: 30px; height: 920px; border-bottom: 1px solid #dddddd; } .bnxx_syxm .syxm_chuchuang{ width: 280px; height: 240px; border: 1px solid #ddd; float: left; margin-left: 15px; text-align: center; padding-top: 27px; border-radius: 5px; margin-bottom: 30px; } .bnxx_syxm p{ line-height: 21px; text-align: left; padding: 0 10px 0 10px; text-indent: 26px; } .bnxx_syxm h3{ height: 30px; width: auto; line-height: 25px; text-align: center; color: #016d6c; font-size: 15px; font-weight: normal; margin: 18px 10px 8px 10px; border-bottom: 1px solid #ccc; font-weight: bold; } .font_wb { padding-left: 5px; font-size: 15px; color: #ccc; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } .chuchuang_gcal{ weidht:100%; height:auto; } .ul_top_gcal{ margin-top: 15px; } .chuchuang_gcal ul{ margin: 20px 0 20px 20px; } .chuchuang_gcal ul li{ width: 375px;height: 400px;float: left;margin: 0 18px 18px 0;background-color: #f6f6f6; } .chuchuang_gcal ul li img{ width: 340px; height: 220px; margin: 15px 15px 5px 17px; } .chuchuang_gcal ul li h3{ text-align: center; font-size: 15px;} .chuchuang_gcal ul li p{ margin: 8px; padding: 10px; border-top: 1px dashed #ddd; color: #777777; line-height: 22px;} /* .gszx_tit_box{ height:60px;border-bottom: 1px solid #f0f0f0; margin: 15px 20px 20px 20px;} */ .gszx_tit_box{ height:45px; margin: 6px 20px 0px 20px;} .gszx_tit_box .link1{ border-bottom:1px solid #f0f0f0; } .gszx_tit_box .link{ float:right;width: auto;line-height: 25px; } .gszx_tit_box a{ margin-left: 10px; color: #555; border-bottom: 1px dashed #ddd; padding-bottom: 5px; } .gszx_tit_box a:hover{ color: #ff0000; } .gszx_tit_box .gszx_pic{ font-size: 18px; color: #ff0000; padding-left:10px} .gszx_tit_box .str{ font-size: 18px;font-weight: bold;color: red;padding-left: 10px; } .gcal_bt_box{ height: 180px; border-top: 1px solid #ddd; border-bottom: 1px solid #dddddd59; background-color: #f9f9f9; margin: 0px 20px 0 20px; } .gcal_bt_box h2{ text-align:center;margin-top:50px;width: 300p;} .gcal_bt_box p{ text-align: center;margin-top: 15px;color: #777777; } .gcal_bt_box .pborder{ border-bottom:1px solid #000;width: 270px;margin: 10px 0 0 39%; } .jjfa_xldh_linkbox{ height: 160px; width: 430px; float: left; background-color: #fafafa; border-radius: 10px; padding: 16px 0 20px 20px; margin-right: 40px; margin-left: 30px; box-shadow: 3px 3px 3px #ccc; } .jjfa_xldh_linkbox .list{ float: left; margin-right: 20px; } .jjfa_xldh_linkbox .list p{ margin-bottom: 8px; font-size:12px } .center{ margin: auto; width: 50%; border: 3px solid green; padding: 20px; } .Cright_gywm{width: auto; margin: auto;height: auto; margin: 0 20px;0 20px} .gywm_box{padding: 5rem 0 2rem; text-align: center;padding-bottom: 60px;border-bottom: 1px solid #f0f0f0;background-color: #f7f7f7;visibility: visible;animation-name: fadeInUp;} .gywm_box h2{display: inline-block;font-size: 30px;font-family: 'AvertaCY';color: #ef0414eb;text-transform: uppercase;font-weight: 800;} .gywm_box h2::after{display:block;margin:0.5rem auto 0;content:'';width:50%;height:3px;border-radius:4px;background:#ff0000} .gywm_box h5{display:block;font-family:'SYHT-Bold';margin-top:1rem;font-size: 15px;} .gywm_box summary{display:block;width:50%;margin:0 auto;padding-top:1rem;line-height:1.8} .mbxdh_box{ background-color: #eee; height: 50px; border-top: 0px solid #ddd; width: 100%; display:block; position: relative; /* box-shadow: 1px 1px 5px 0px #cccccc1f;*/ } .mbxdh_box .paddbox{margin: 0 auto; padding-top: 15px; width: 1200px;} .fachuchuang_box{ height:630px; margin-top: 50px; } .fachuchuang_box ul{ margin-top:20px } .fachuchuang_box ul li{ width: 380px; height: 290px; background-color: #fafafa; float: left; margin-right: 10px; margin-bottom: 20px;} .fachuchuang_box ul li img:hover{ transform: scale(1.1);transition: all 0.3s; } .fabt{ padding: 2px 9px; background-color: red; color: #ffffff;} .fachuchuang_box .bt_box{ border-bottom: 1px dashed #ddd;height: 100px;margin: 15px; } .fachuchuang_box .bt_box img{ width: 120px; height: 70px; float: left; margin-top:7px;} .fachuchuang_box .bt_box .str_box{ float: right; } .fachuchuang_box .bt_box .str_box .str{ font-size: 20px;color: red;float: right;padding: 10px 0; width:100%;} .fachuchuang_box .bt_box .str_box .str1{ font-size: 17px; } .fachuchuang_box .bt_box1{ margin: 20px;color: #666; } .fachuchuang_box .bt_box1 p{ text-align: center; } .fachuchuang_box .bt_box2{ width: 100%;text-align: center; padding-top: 13px;} .fachuchuang_box .bt_box2 span{ font-size: 15px;} .fachuchuang_box ul li:hover{background:#F4f4f4 url(/static/whgdmk/img/xiao2.jpg) no-repeat 135px 245px;} .fachuchuang_box .bt_box2 a:hover{padding: 7px 20px;/*border: 1px dashed #000;*/} .show_pagebox{ width: 100%;text-align: center; } .show_pagebox img{ padding: 7px 0 7px 0;text-align: center; } .show_bt_h2{ border: 1px solid #ddd;text-align: center;line-height: 40px;font-size: 16px;font-family: 'AvertaCY';text-transform: uppercase;margin: 0 10px 0 10px;color: red;background-color: #016d6cd4;color: #ffffff; } .strbox{ border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin:0 11px 0 11px;padding:10px; text-indent:20px; } .h_bt_box{ text-align: center;line-height: 40px;margin: 40px 0 70px 0; } .h_bt_box h2{ display: inline-block;font-size: 20px;font-family: 'AvertaCY';text-transform: uppercase;font-weight: 800;text-align: center;margin-top: 50px; } .h_bt_box h2 font{ color:red } .h_bt_box h2 span{ margin-left: 15px;} .h_bt_box p{ color:#666 } .h_bt_box ul{ display: block;text-align: center;margin: 50px 0; } .h_bt_box ul li{border: 1px solid black;display: inline-block;padding: 6px 25px 6px 25px;font-size: 16px;margin: 0 10px;border-radius: 3px;} .h_bt_box .xhx{ border-bottom: 1px solid #ddd;width: 500px;margin: 25px auto;line-height: 0; } .nyzscc_box{ height: 450px;background-color:#fafafa;margin: 0 10px 100px 10px;overflow: hidden;border-top: 1px solid #ddd; } .nyzscc_box img{ width: 300px;height: 350px;margin: 50px 0 50px 170px;float: left; } .nyzscc_box .h_str_box{ width: 505px;height: 300px;margin: 50px 0 0px 70px;float: left; } .nyzscc_box .h_str_box h2{ font-size: 20px;font-weight: 600;color: red; text-align: center; border-bottom: 1px solid red; padding-bottom: 10px; margin-bottom: 20px; } .nyzscc_box .h_str_box p{ font-size: 15px;margin: 25px 0;line-height: 25px;} .nyggtpzs_box{ height: 530px;margin: 30px 10px 30px 10px;border-bottom: 1px solid #ddd; } .nyscggtp_box{ padding-bottom: 30px;border-bottom: 1px solid #ddd;margin: 30px 10px 0 10px; } .nyscggtp_box .zsqy_box{ text-align: center;color:#016d6c;background-color: #f7f7f7;height: 2160px;} .nyscggtp_box .zsqy_box p{ display:block } .nyscggtp_box .zsqy_box p span{ float:left;margin-left: 51px; } .nyscggtp_box .zsqy_box p m{ display: block;line-height: 45px; } .nyscggtp_box .zsqy_box p .dq{ margin: 0 51px 0 0; float: right; } .nyscggtp_box .csbt{ font-size: 18px; line-height: 60px; color: black; font-weight: bold; margin: 60px 0 30px 0; border-bottom: 1px solid #ddd; } .nycpwz_box{ height: 1220px;margin: 30px 10px 30px 10px;/*border-bottom: 1px solid #ddd;*/} .nycpwz_box .bt_box{ height: 500px;background-color: #ffffff;margin: 50px 20px 20px 20px; } .nycpwz_box .bt_box h2{ font-size:18px;line-height: 60px;color: red; } .nycpwz_box .bt_box .csbt{ font-size:18px;line-height: 60px;color: black;font-weight: bold;margin-top: 30px; } .tx_str_box { height:auto;color:#06F;font-size: 15px;margin: 12px; margin: 30px 0 30px 0; } .tx_str_box,.g_prolist,.pb20 i{ margin-right: 1px; } .tx_str_box span{ line-height: 15px; color:#ff0000;} .tx_str1{ float:right; padding-right:10px; } .tx_str1 font{ color:#06F; } .tx_str1 span{ font-size:22px;color:red } .show_btimg{ text-align: center;border-top: 1px solid #ddd;margin: 0px 11px 0 11px; padding: 20px 0 18px 0; } .show_btimg_str{padding: 10px;background-color: #016d6cd4;color: #ffffff;text-indent: 20px;line-height: 20px;margin: 0 10PX;} .show_btimg_str1{ height: 250px;border-top: 1px solid #ddd;margin: 10px;padding: 10px;line-height: 25px; } .show_btimg_str1 h2{ font-size: 18px;color: #025b61; margin: 10px; } .flcc_box{ height: 365px;margin: 0px 11px 0 11px;border-top: 1px solid #ddd; } .flcc_box ul li{ width: 23%;height: 200px;border:1px solid #ddd;margin: 20px 28px 20px 0;background: url(/company_img/xzbt_img_600X325_1.jpg) -40px 10px no-repeat;background-size: auto 180px;float: left; } .flcc_box ul li p{ margin-top: 141px; text-align: center; background-color: #016d6cad; color: #ffffff; line-height: 40px; } .flcc_box ul li:hover{background: url(/company_img/xzbt_img_600X325_1.jpg) -55px 3px no-repeat; transition: 200ms ease-in-out all; background-size: auto 200px;} /*body:before { content: ''; height: 100%;display: inline-block; vertical-align: middle;}*/ button {background: #1aab8a00;color: #fff;border: none;position: relative;height: 42px;width: 100%;font-size: 1.1em;padding: 0 2em;cursor: pointer;transition: 800ms ease all;outline: none;} button:hover {background: #fff;color: #1AAB8A;} button:before,button:after { content: ''; position: absolute; top: 0; right: 0; height: 2px; width: 10%; background: #ff0000; transition: 400ms ease all;} button:before { right: inherit; top: inherit; right: 50%; bottom: 0px; } button:after { right: inherit; top: inherit; left: 50%; bottom: 0px; } button:hover:before, button:hover:after { width: 50%; transition: 800ms ease-in-out all; } .nydh{ height:50px;margin: 0 10px 0 10px; } .nydh ul{ text-align:center } .nydh ul li{ height: 40px; width: 193px; line-height: 37px; color: #000; background-color: #ddd; display: inline-block;} .nydh ul li:hover{ color: #ffffff; background-color: #000; } .table_details{ border-top: 1px solid #ccc; width: 100%; overflow: hidden; font-size: 14px; padding-bottom:20px; border-spacing: inherit; } .table_details td{ height: 30px; line-height: 30px; padding: 7px 0 7px 10px; border-bottom: 1px solid #ccc; } .table_details .lie { border-left: 1px solid #ccc;} .table_details .td_left{ width: 220px; padding-left: 0; border-right: 20px solid #ffffff; border-bottom: 1px solid #ccc; font-weight: bold; text-indent: 5px; color: #444; } .table_details .td_right{ height: 30px; line-height: 30px; padding: 7px 0 7px 10px; color: #333; border-bottom: 1px solid #ccc; } .table_details .td_border{ border-right: 1px solid #ccc; } .table_details .td_w{ width: 15%; } .table_details .td_sty2{ text-align: center; height: 40px; } .table_details .td_sy3 {text-align: center;width: 25%;border-right: 1px solid #ddd;font-weight: bold;} /*.table_details tr:hover td{background-color: #f0f3f3; color: #ff0000;/* 鼠标悬停时的背景颜色 }*/ .ts_bt_box{ padding: 15px; margin: 20px 20px 10px 20px; background-color:#eee; border-radius: 5px;box-shadow: 1px 1px 3px #ccc;} .ts_bt_box p{ font-size:13px;line-height: 33px;color: #10646a; text-shadow: 1px 1px 3px #00000029;} .ts_bt_box p span{ background-color:red;padding: 0px 10px 1px 10px;color: #ffffff; } .product_details_imgD{height: 570px;margin: 30px 0px 30px 0px;border-bottom: 1px solid #ddd;} .stop{border-bottom: 0px solid #ddd; margin: 30px 0; height: 545px;} .imgx{height: 530px;} .product_gg{text-align: center; margin: 15px auto;} .product_jlzs{height: auto;margin: 10px; } .product_jlzs ul{ text-align: center;} .product_jlzs ul li{display: inline-block;height: 401px;width: 301px;margin: 30px;border: 1px solid #ddd;box-shadow: 5px 5px 10px #ddd;} .ggtshow_box{ height: auto; } .ggtshow_box .p_bt_h2{ font-size:18px;line-height: 80px;font-weight: bold;margin-top: 30px;border-bottom: 1px solid #ddd; } .ggtshow_box img{ margin: 20px 0 0 0;padding-bottom: 20px;border-bottom: 1px solid #ddd; } /*帮你选型页面简介表头样式*/ .bnxx_bt{ border-bottom: 1px dashed #f0f0f0; padding-bottom: 10px; } /*用于产品详情面表题样式*/ .nr_h2bt_box{ font-size:18px;line-height: 80px;color: red; border-bottom: 1px dashed #eee;margin: 15px 0 15px;} .nr_h2xbt_box{ font-size: 18px; line-height: 45px; font-weight: bold; border-bottom: 1px dashed #eeeeee; margin: 50px 0 15px; /*background-color: #fbfbfb42; border-left: 3px solid #00afdc;*/ text-indent: 8px; } .nr_tp{margin-top: 80px;} .nr_h2xbt_box i{ margin-right: 6px; vertical-align: -2px; } .nr_h2bt_box .nr_h2xbt_box font{ color:red; } .index_zs_show{margin-top: 5px;width: 750px;height: 160px;float: right; } .index_zs_show ul li{ width: 116px;height: 159px;border:1px solid #ddd; float:left;margin-left: 27px; box-shadow: 0px 3px 9px rgba(19,19,19,.30);} .index_zs_show ul li .pic_img{ height: 159px;} .index_tj_show{width:1200px;height: 740px;margin:auto;overflow: hidden;} .index_tj_show ul{ display: block;height: 370px; } .index_tj_show ul li{ width:30%;height: 359px; float: left; margin-left: 31px;} .index_tj_show ul li .img_style{ width: 100%; } .index_tj_show ul li .p_style{ height: 20px;text-align: center;margin-top: 10px; } .index_tj_show ul li .p_style .str1{ font-size: 13px; color: #ffffff; padding: 2px; background-color: #0850b3; margin-right: 10px; } .index_tj_show ul li .p_style .str2{ font-size: 13px; color: #ffffff; padding: 2px; background-color: #ff0000; } .index_tj_show ul li .p_style1{ font-size: 19px;font-weight: 550;height: 20px;text-align: center;margin-top: 10px; } .index_tj_show ul li .p_style2{ color: #666666;height: 20px;text-align: center;margin-top: 10px; } .index_tj_show ul li .hr_style{ border-bottom: 1px dashed #ddd;padding-bottom: 10px; } .index_tj_show ul li .p_style3{ text-align: center; margin-top: 10px;color: #666666; } .index_tj_show ul li:hover{ background:#f8f8f8; color:#ef0414; margin-top:-8px;transition: all .3s;} .index_dh_lis{margin:0 auto; background-color: #f7f7f7; overflow: hidden;height:760px;} .img_xhx{ margin: 18px 0 0 0;padding-bottom: 20px;border-bottom: 1px solid #ddd; } .js_state{ margin-top: 40px; height: 70px; line-height: 70px; font-size: 13px; color: #b71515bd; border-top: 1px solid #eee; background-color: #fdfdfd; } .js_state i{ vertical-align: -2px; margin-right: 8px; font-size: 20px; padding: 0 0 0 10px; } #out{ width: 140px; height: 180px; background: url(bg1.png) 0 0 repeat-x; position: absolute; /* left: 0px; top: 0px; */ overflow: hidden; } #con{ width: 140px; /* padding: 5px; */ position: absolute; left: 0px; top: 0px; } #box{ width: 30px; height: 400px; position: absolute; right: 0; top: 0; } #drag{ width: 30px; height: 53px; background: url(icon2.png) 0 0 no-repeat; position: absolute; left: 0px; top: 0px; } .jszl_btlj{ height: 70px;border-bottom: 1px dashed #ccc; } .jszl_btlj ul{ text-align: center;padding-top: 15px;color: blue; } .jszl_btlj ul li{ display: inline;margin-right: 50px;padding: 0 26px;background: url(/static/whgdmk/img/dxk.png) no-repeat 0px 6px;background-size: 12px;font-size: 16px; } .jszl_btlj ul li a{ color: blue; } .jszl_btlj ul li a:hover{ color:#0062db;border-bottom:1px solid #000; padding-bottom:10px} .jszl_bttplj{ height: 200px;border-bottom: 1px dashed #ccc; } .jszl_bttplj ul{ text-align: center;padding-top: 0px;color: blue; } .jszl_bttplj ul li{ display: inline;margin-right: 50px; } .jszl_bttplj ul li a{ color: blue; } .jszl_bttplj ul li a:hover{ color:#0062db;border-bottom:1px solid #000; } /* diy-style-end */ .banner { padding-top: 200px; width: 1200px; height: 561px; margin: 0 auto; } .pcnban { padding-top: 200px; width: 100%; height: auto; } .pcnban img { display: block; width: 100%; height: auto; } .Appbanner,.appnban { display: none; } @media only screen and (max-width: 640px){ .banner,.pcnban{ display: none; } .Appbanner{ display: block; width: 100%; height: 10rem; } .appnban{ width: 100%; display: block; margin-top: 3rem; } .appnban img{ display: block; width: 100%; } } .W1 { width: 100%; height: auto; position: relative; overflow: hidden; } .W2 { display:block; width: 1200px; height: auto; margin: 0 auto; position: relative; } @media only screen and (max-width: 640px){ body{ font-size: 1rem; } .W2{ width:94%; margin:0 auto; position:relative; padding:0 3%; overflow: hidden;} } .PCtop { /*这是头部的悬浮效果的样式*/ /*position: fixed;*/ /*这是2018-6-7的修改，目的是不让头部悬浮*/ position: absolute; z-index: 99; background: #ffffff; } .mar { margin: 20px auto; overflow: hidden; } .mar .lShow { margin-bottom: 40px; } .mar .title { margin: 0px auto 20px auto; } @media screen and (max-width: 640px){ .PCtop{ display: none; } .mar{ margin: .5rem 0 4.5rem 0; } .mar .lShow,.mar .title{ display: none; } } .PCtop .PCtop1 { height: auto; overflow: hidden; position: relative; padding:15px 0 0px 0; border-bottom: 1px dashed #cccccc; } .PCtop .PCtop1 .logo { float: left; } .PCtop .PCtop1 .other { float: right; top: 0; right: 0; position: relative; } .PCtop .PCtop1 .other .ewmbj { position: absolute; width: 70px; height: 70px; padding: 10px; top: 10px; left: 160px; z-index: 2; background: url("/static/whgdmk/img/ewmbj.png") no-repeat; background-size: 100% 100%; display: none; } .PCtop .PCtop1 .other .ewmbj img { width: auto; height: 88%; margin: 20% auto; display: block; } .PCtop .PCtop1 .other b { font-size: 20px; color: #c10707; line-height: 30px; display: block; float: left; } .PCtop .PCtop1 .other span { color: #333333; line-height: 30px; display: block; float: left; cursor: pointer; } .PCtop .PCtop1 .other span:hover .ewmbj { display: block; -webkit-animation: fangda .5s ease-in both; } .PCtop .PCtop1 .other span:nth-of-type(1) { padding: 0 10px; } .PCtop .PCtop1 .other a { color: #333333; line-height: 30px; display: block; float: left; padding: 0 10px; } .PCtop .PCtop1 .other a:hover { color: #ff0000; } .PCtop .PCtop1 .serch { float: right; position: absolute; right: 10px; bottom: 40px; } .PCtop .PCtop1 .serch1 { height: 30px; width: 230px; border: 1px solid #ccc; text-indent: 10px; } .PCtop .PCtop1 .serch2 { height: 34px; width: 50px; background: url("/static/whgdmk/img/se.jpg") no-repeat; background-size: 100% 100%; border: none; top: 11px; left: -4px; position: relative; cursor: pointer; } .serchimg { position: absolute; right: 12.5px; top: 5px; width: 25px; } .PCmenu { margin-top: 15px; width: 100%; height: auto; overflow: hidden; } .PCmenu li { float: left; width: 80px; height: 55px; line-height:40px; font-size: 15px; text-align: center; color: #333; } .PCmenu li:hover a { color: #00afdc; position:relative; top:1px; left:1px; } .title { width: 870px; margin: 60px auto 79px auto; text-align: center; } .title .title1 { font-size: 24px; color: #333333; width: 100%; /*font-weight: bold;*/ } .title .title2 { font-size: 16px; color: #999; background: #fff; padding: 0 15px; } .title .bgf7{ background-color:#f7f7f7; } .title .title3 { height: 0px; padding: 1px 0px 0px 0px ; margin-top: -10px; font-size: 14px; background: -webkit-linear-gradient(top, #89e7ff,#45d9ff, #02afdb); } .title .title3 span { display: block; width: 100%; height:100%; background: #ffffff; line-height: 50px; font-size: 16px; color: #525252; } @media only screen and (max-width: 640px){ .title{ width:70%; margin: 1.5rem auto 1rem auto; text-align: center; } .title .title1{ font-size: 1.5rem; } /* .title .title3 { height:1.5rem; }*/ .title .title3 span{ display: block; } } /*__________________________________________________________________________________________________这是菜单弹出的内容*/ .menuD { width: auto; position: relative; margin-left: 0px; background: #f1f1f1; overflow: hidden; box-shadow: 1px -1px 0px #00afdc; } .menuD .menuDall li { display: none; margin: 20px auto ; overflow: hidden; } .menuD .menuDall li .menuDL { float: left; width: 150px; height: 200px; text-align: center; /*background: #004da3;*/ } .menuD .menuDall li .menuDL p { color: #00afdc; font-size: 20px; line-height: 50px; font-weight: bold; margin-top: 20px; } .menuD .menuDall li .menuDL span { width: 50px; height: 2px; display: block; background:#00afdc ; margin:0px auto 10px auto; } .menuD .menuDall li .menuDL a { display: block; width: 80px; height: 30px; line-height: 30px; border-radius: 15px; border: 1px solid #00afdc; margin: 0 auto; } .menuD .menuDall li .menuDR { width: 1050px; height: 200px; float: right; } .menuDR1 { width: 155px; float: left; height: auto; margin-left: 20px; } .menuDR1:first-child { margin-left: 10px; } .menuDR1 p { font-size: 14px; line-height: 40px; font-weight: bold; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ text-align: center; } .menuDR1 .menuDR1img { width: 100%; height: 80px; } .menuDR1 .menuDR1img img { width: 100%; height: 100%; } .menuDR1 .menuDRtext { display: block; width: 100%; height: 80px; line-height:26px; overflow: hidden; font-size: 13px; } .menuDR1 .lei { width: 100%; line-height: 25px; display: block; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ } .menuDR1 .lei:hover { color: #00afdc; } .menuDR1 .lei img { display: block; width: 15px; float: left; margin-top: 4px; } .menuDR2 { width: 200px; /*height: 200px;*/ float: left; margin-left: 20px; } .menuDR2 .menuDR2img { width: 200px; /*height: 200px;*/ /*float: left;*/ overflow: hidden; } .menuDR2 .menuDR2img img { width:200px; height:auto ; } .menuDR2 .menuDRtit2 { width: 200px; /*padding-left: 10px;*/ /*float: left;*/ overflow: hidden; font-weight: bold; font-size: 16px; } .menuDR2 .menuDRtext2 { width: 200px; /*padding-left: 10px;*/ height: 100px; /*float: left;*/ overflow: hidden; display: block; line-height: 24px; height: 72px; } /*.menuD ul li*/ /*{*/ /*display: none;*/ /*}*/ /*.PCmenu li:hover .menuD ul li*/ /*{*/ /*display: block;*/ /*}*/ /*————————————————————————————————————————————————首页分类的展示*/ .lShow { width: 1200px; height: auto; margin: -25px auto; overflow: hidden; } .lShow li { width: 142px; height: 100px; padding:0 2px; margin-left: 27px; margin-top: 25px; float: left; border: 1px solid #f7f7f7; } .lShow li a:hover{ color:#02afdb; } .lShow li:first-child { margin-left: 0; } .lShow li:nth-of-type(8) { margin-left: 0; } .lShow li .lShow1 { height: 50px; margin: 10px 0 10px 50px; overflow: hidden; } .lShow li .lShow1 img { width: 100%; height: 100%; } .lShow li .lShow2 { font-size: 15px; color: #333333; text-align: center; } .lShow li:hover { border: 1px solid #00afdc; } .lShow li:hover .lShow2 { color: #00afdc; } .lShow li:hover .lShow1 img:first-child { display: none; } .lShow li:hover .lShow1 img { -webkit-animation: fangda .3s ease-in both; } @media only screen and (max-width: 640px){ .lShow{ width: 100%; height: auto; margin-top: -1rem; overflow: hidden; margin-bottom: 34px; } .lShow li{ width: 44%; height: 10rem; padding:0 1%; margin-left:3%; margin-top:1rem; float: left; border: 0.01rem solid #cccccc; } .lShow li:first-child{ margin-left: 3%; } .lShow li:nth-of-type(8){ margin-left: 3%; } .lShow li .lShow1{ width: 100%; height: 100px; overflow: hidden; margin:0; } .lShow li .lShow1 .iconfont{ margin:20px auto; display: block; text-align: center; } .lShow li .lShow1 img{ width: 100%; height: 100%; } .lShow li .lShow2{ font-size: 1rem; color: #333333; text-align: center;} .lShow li:hover{ border: 1px solid #00afdc; } .lShow li:hover .lShow2{ color: #00afdc; } .index_dh_lis{ height: auto!important; overflow: height!important } } /*————————————————————————————————————————————————————————首页产品展示*/ .cpShow { width: 1200px; margin:auto; height: 0px; overflow: hidden; } .up_xs{display: block; height: 210px;} .cpShow li { width: 277px; height: auto; margin-left: 25px; float: left; box-shadow: 0px 4px 11px rgba(19,19,19,.30); } .cpShow li:first-child { margin-left: 9px; } .cpShow li .cpShow1 { height: 150px; width: 275px; padding: 1px 1px 0 1px; overflow: hidden; background: -webkit-linear-gradient(top, #89e7ff,#45d9ff, #02afdb); } .cpShow li .cpShow1 img { width: 100%; height: 100%; } .cpShow li:hover .cpShow1 img { -webkit-animation: fangda 0.3s ease-in both; } .cpShow li .cpShow2 { width: 100%; height: 45px; background: #00afdc; } .cpShow li .cpShow2 .cpShow21 { text-align:center; font-size: 16px; color: #ffffff; line-height: 40px; width: 98%; padding: 0 2%; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ } .cpShow li .cpShow2 .cpShow22 { font-size: 14px; color: #ffffff; width: 98%; padding: 0 2%; line-height: 23px; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.cpShow*/ /*{*/ /*margin-top: -1rem;*/ /*}*/ /*.cpShow li*/ /*{*/ /*width: 48%;*/ /*height: auto;*/ /*margin-left: 4%;*/ /*margin-top: 1rem;*/ /*float: left;*/ /*}*/ /*.cpShow li:first-child*/ /*{*/ /*margin-left: 0;*/ /*}*/ /*.cpShow li:nth-of-type(3)*/ /*{*/ /*margin-left: 0;*/ /*}*/ /*.cpShow li .cpShow1*/ /*{*/ /*height:10rem ;*/ /*width: 99%;*/ /*padding: 1px 0.5% 0 0.5%;*/ /*background: -webkit-linear-gradient(top, #89e7ff,#45d9ff, #02afdb);*/ /*}*/ /*.cpShow li .cpShow1 img*/ /*{*/ /*width: 100%;*/ /*height: 100%;*/ /*}*/ /*.cpShow li .cpShow2*/ /*{*/ /*width: 100%;*/ /*height:3rem;*/ /*background: #00afdc;*/ /*}*/ /*.cpShow li .cpShow2 .cpShow21*/ /*{*/ /*font-size:1rem;*/ /*color: #ffffff;*/ /*line-height:3rem;*/ /*width: 98%;*/ /*padding: 0 2%;*/ /*overflow:hidden; *//*超出的部分隐藏起来。*/ /*white-space:nowrap;*//*不显示的地方用省略号...代替*/ /*text-overflow:ellipsis;*//* 支持 IE */ /*}*/ /*.cpShow li .cpShow2 .cpShow22*/ /*{*/ /*display: none;*/ /*}*/ /*}*/ /*——————————————————————————————————————————————————————————————————————首页解决方案*/ .jjfa { width: 100%; height:377px ; background: url("/static/whgdmk/img/jjfa.jpg") no-repeat; background-size: 100% 100%; position: relative; top: 30px; } .jjfa .jjfa1 { position: absolute; top: 35px; left: 0; width:300px; height: 300px; border-radius: 150px; background: #00afdc; overflow: hidden; -webkit-animation: suofang 5s ease-in infinite; } .jjfa .jjfa2 { position: absolute; top: 45px; right: 0; width:300px; height: 300px; border-radius: 150px; background: #00afdc; overflow: hidden; -webkit-animation: suofang 3s ease-in infinite; } .jjfa1img { width: 125%; height: auto; } .jj { position: absolute; width: 160px; height: 160px; border-radius: 80px; overflow: hidden; } .jjbj1 { top: 44px; left: 310px; background: url("/static/whgdmk/img/jjbj1.png") no-repeat; background-size: 100% 100%; -webkit-animation: shangxia 2s ease-in infinite; } .jjbj2 { top: 93px; left: 510px; background: url(/static/whgdmk/img/jjbj2.png) no-repeat; background-size: 100% 100%; -webkit-animation: shangxia 1.5s ease-in infinite; } .jjbj3 { top: 121px; right: 316px; background: url(/static/whgdmk/img/jjbj3.png) no-repeat; background-size: 100% 100%; -webkit-animation: shangxia 1s ease-in infinite; } .jj p { color: #ffffff; width: 80%; padding: 0 10%; margin-top: 40px; font-size: 18px; } .jj span { display: block; width: 80%; padding: 0 10%; text-align: center; line-height: 40px; font-size: 18px; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.jjfa*/ /*{*/ /*display: none;*/ /*}*/ /*}*/ /*_——————————————————————————————————————————————————————————首页公司简介*/ .About { width: 100%; overflow: hidden; } .About .AboutL { width: 420px; height:340px; float: left; background: url("/static/whgdmk/img/video.jpg") no-repeat; background-size: 100% 100%; } .About .AboutL .vid { height: 73%; width: 89%; margin-top: 32px; margin-left: 15px;" } .About .AboutR { padding: 30px 0 0 0 ; float: left; width: 750px; margin-left: 30px; } .About .AboutR p { font-size: 16px; line-height: 28px; text-align: justify; text-indent:30px; } /*.About .AboutR*/ .more1 { /* display: block; */ padding: 5px; width: 100px; height: 40px; border: 1px solid #00afdc; color: #00afdc; text-align: center; line-height: 40px; margin: 15px 0 0 0 ; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.About .AboutL*/ /*{*/ /*width: 100%;*/ /*height:15rem;*/ /*}*/ /*.About .AboutL .vid*/ /*{*/ /*height: 64%;*/ /*width: 89%;*/ /*margin-top: 44px;*/ /*margin-left: 15px;*/ /*}*/ /*.About .AboutR*/ /*{*/ /*padding:0 0 0 0 ;*/ /*width: 100%;*/ /*margin-left: 0;*/ /*}*/ /*.About .AboutR p*/ /*{*/ /*display: none;*/ /*}*/ /*.About .AboutR*/ /*.more1*/ /*{*/ /*margin: 0 auto;*/ /*}*/ /*}*/ /*_________________________________________________________________________首页实力*/ .slShow { width: 100%; height:300px ; } .slShow li { float: left; width: 25%; height: 100%; } .slbj1 { background: #00afdc; } .slbj2 { background: #ededed; } .slbj3 { background: #f7f5f5; } .slShow li .top { font-size: 18px; position: relative; text-indent: 60px; line-height: 70px; } .sltopCo1 { color: #ffffff; } .sltopCo2 { color: #00afdc; } .slShow li .top img { position: absolute; display: block; top: 10px; left: 15px; } .slShow li .slShowup { width: 100%; height: 230px; } .slShow li .slShowup .dome { width: 100%; } .slShow li .slShowup .dome li { width: 100%; } .slShow li .slShowup .dome a { display: block; width: 100%; } #demo1,#demo2 { height: auto; overflow: hidden; } #demo1 li{height: 30px;overflow: hidden} #demo2 li{height: 30px;overflow: hidden} #demo1 li a { color: #ffffff; font-size: 14px; text-align: left; text-indent: 10px; line-height: 33px; } #demo2 li a { color: #ffffff; font-size: 14px; text-align: left; text-indent: 10px; line-height:33px; } .jltext { width: 94%; text-align: justify; margin: 0 auto ; font-size: 14px; color: #666666; line-height: 40px; letter-spacing:-0.5px; } .tutu { width: 100%; height: auto; } .tutu .rz { width: 90px; height: 40px; overflow: hidden; float: left; margin-left: 15px; margin-top: 15px; } .tutu.rz img { width: 100%; height: 100%; } .tutu .rz:first-child { margin-left: 0; } .tutu .rz:nth-of-type(4) { margin-left: 0; } .tutu .rz:nth-of-type(7) { margin-left: 0; } .tutu .rz:nth-of-type(10) { margin-left: 0; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.slShow*/ /*{*/ /*display: none;*/ /*}*/ /*}*/ /*小标题*/ .tit { width: 100%; line-height: 40px; margin: 20px 0; border-bottom: 1px dashed #cccccc; } .tit span:first-child { font-size: 24px; line-height: 40px; color: #333333; } .tit b { position: relative; background: #00afdc; padding: 3px; margin-left: 10px; top: -5px; } .tit a { float: right; } @media only screen and (max-width:640px) { .tit span:first-child { font-size: 1.5em; line-height: 2.5rem; color: #333333; } } /*——————————————————————————————————————————————————————新闻资讯*/ .new { width: 830px; height: auto; float: left; margin: 50px 0; } .new .newl { width: 360px; height: 385px; float: left; background: #ffffff; box-shadow: 1px 5px 10px #ccc; } .new .newl .newll { display: none; } .new .newl .newll:first-child { display: block; } .new .newl .newll1 { width: 100%; height: 170px; overflow: hidden; } .new .newl .newll1 img { width: auto; height: 100%; display: block; margin: 15px; float: left; } .new .newl .newll2 { font-size: 20px; color: #333333; line-height: 40px; height: 40px; overflow: hidden; width: 90%; margin: 0 auto; } .new .newl .newll3 { font-size: 16px; color: #666666; line-height: 25px; width: 90%; height: 100px; overflow: hidden; margin: 10px auto 0 auto; } .new .newl .more1 { display: block; width: 100px; height: 40px; border: 1px solid #00afdc; color: #00afdc; text-align: center; line-height: 40px; margin: 0px 0 0 15px ; } .new .newr { float: right; width: 450px; height: 390px; } .new .newr li { width: 98%; overflow: hidden; padding: 20px 1%; background: #ffffff; margin-top: 27px; /*-webkit-margin-top:31px*/ box-shadow: 1px 3px 5px #ccc; } .new .newr li:first-child { margin-top: 0; } .new .newr li .newr1 { width:60px; height: auto; float: left; text-align: center; } .new .newr li .newr1 p:first-child { width: 100%; line-height: 50px; font-size: 28px; background: #cecece; } .new .newr li .newr2 { width: 370px; height: auto; float: right; } .new .newr li .newr2 p:first-child { font-size:16px; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ } .new .newr li .newr2 p:last-child { margin-top: 5px; height: 40px; overflow:hidden; /*超出的部分隐藏起来。*/ } .new .newr li:hover .newr2 { color: #00afdc; } .new .newr li:hover .newr1 p:first-child { color: #ffffff; background:#00afdc ; } .new .newr li:hover .newr1 p:last-child { color: #00afdc; } .zl { width: 320px; padding: 0 5px; height: 477px; float: right; margin: 50px 0; } .zl .zl1 { width: 95%; height: 384px; padding: 0 2%; box-shadow: 1px 3px 5px #ccc; } .zl .zl1 .zl1tit { font-size: 20px; color: #00afdc; } .zl .zl1 .zl12 { width: 100%; height:320px; margin-top: 20px; } @media only screen and (max-width: 640px){ .new{ width: 100%; margin:1rem 0 1.5rem 0; } .newl{ display: none; } .new .newr{ float: left; width: 100%; height: 390px; } .new .newr li{ width: 98%; overflow: hidden; padding: 20px 1%; background: #ffffff; margin-top: 27px; -webkit-margin-top:31px box-shadow: 1px 3px 5px #ccc; } .new .newr li:first-child{ margin-top: 0; } .new .newr li .newr1{ width:20%; } .new .newr li .newr1 p:first-child{ width: 100%; line-height: 3rem; font-size: 2rem; background: #cecece; } .new .newr li .newr2{ width: 78%; height: auto; float: right; } .new .newr li .newr2 p:first-child{ font-size: 1.2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 98%; } .new .newr li .newr2 p:last-child{ margin-top: 0rem; height: 2.8rem; color: #888; } .zl{ width: 100%; margin:0 0 50px 0; padding:0; height: auto; overflow: hidden; float: none; } .wg{ display: none; } .cp_window li{ margin-left:0; width: 48%; margin-bottom: 20px; } .cp_window li:nth-child(2n){ float: right; } .cp_window li .div1{ width: 100%; height: 130px; } .cp_window li .div1 img{ width: 100%; height: 100%; } .title .title3{ display: none; } .cp_window li:first-child{ margin-left:0; } .cp_window{ margin-top: 0; padding-top: 0px; } } /*————————————————————————————————————————————————————————底部上面*/ .wg { clear: both; width: 100%; height: auto; padding: 40px 0 20px 0 ; overflow: hidden; border-top: 2px solid #bfbfbf; } .wg li { width: 33%; height: auto; float: left; overflow: hidden; position: relative; border-right: 1px solid #bfbfbf; } .wg li p { text-indent: 10px; } .wg li p:nth-of-type(1) { color: #333333; font-size: 16px; margin: 10px 5px; } .wg li p:last-child { color: #a39e9e; } .wg li .dd1 { margin-left: 50px; float: left; } .wg li .dd2 { position: absolute; top: 30px; right: 40px; } /*电脑端的底部*/ .PCbottom { width: 100%; height: auto; /* background: url("/static/whgdmk/img/bottombj.jpg") no-repeat; */ background-color:#2b3033; background-size: 100% 100%; } .PCbottom ul { padding-top: 20px; padding-bottom: 20px; } .PCbottom1 { color: #ffffff; width: 170px; float: left; } .PCbottom1:last-child { width: 400px; } .PCbottom1 b { display: block; width: 30px; height: 3px; background: #ffffff; } .PCbottom1 span { font-size: 16px; line-height: 40px; } .PCbottom1 a { color: #ccc; display: block; width: 100%; line-height: 30px; transition: all .2s ease; } .PCbottom1 a:hover { color:#FFFFFF; } .PCbottom1 a img { display:block; float: left; padding-top: 5px; margin-right: 5px; } .PCbottom1 a span { font-size: 18px; } .ewm { float: right; padding-bottom:0px; } .ewm p { color: #d6d3d3; text-align: center; line-height: 40px; } .xian { clear: both; width: 1920px; height: 1px; margin-left:-360px; background: #bfbfbf; } .lj { text-align: center; line-height: 40px; color: #ffffff; } .lj a { color: #ffffff; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.wg*/ /*{*/ /*display: none;*/ /*}*/ /*.PCbottom*/ /*{*/ /*display:none;*/ /*}*/ /*}*/ /*手机端的菜单*/ .rbj, .menuS,.APPbtn,.APPtop { display: none; } @media only screen and (max-width: 640px) { .Appbanner{ margin-top: 3rem; } .banner, .pcnban{ display: none; } /*.W1{ display: none; }*/ /*手机端的头部*/ .APPtop{ display: block; position: fixed; top: 0; left: 0; height: 3rem; width: 100%; background: #ffffff; z-index: 99; box-shadow: .05rem 0.05rem 0.05rem #ccc; } .APPtop .page{ text-align: center; line-height: 3rem; color: #666; font-size: 1.2rem; } .APPtop .fh{ position: absolute; display: block; height:60%; top: 20%; } .APPtop .shouse{ position: absolute; height: 60%; width: auto; top: 20%; right: 0.5rem; } .APPtop .applogo{ height: 80%; width: auto; margin: 1% auto; position: relative; display: block; } /*这是蒙版*/ .rbj{ position: fixed; width: 100%; height:100%; top:0; left: 0; z-index: 99; background: rgba(0,0,0,0.2); display: none; } .menuS { display: none; position: fixed; top:3rem; left:0%; width:40%; height:100%; z-index: 999; background: rgba(51,51,51,0.9); } .menuS p:first-child { top: 10rem; } .menuS p { width: 100%; line-height: 2.5rem; font-size: 1rem; color: #ffffff; text-align: center; border-bottom: 0.01rem solid #cccccc; } .menuS p:hover { color: #00afdc; background: #ffffff; } .APPbtn { position: fixed; width: 100%; height:2.5rem; background: #00afdc; bottom: 0; left: 0; z-index: 99; padding: .5rem 0 .7rem 0; display: block; } .APPbtn .APPbtn1 { width:25%; height: 100%; float: left; } .APPbtn .APPbtn1 img{ display: block; width: auto; height: 60%; margin: 0 auto; } .APPbtn .APPbtn1 p { line-height: 1.5rem; font-size: 0.9rem; color: #ffffff; text-align: center; } } /*——————————————————————————————————————————————————内页里面的左半边部分的内容*/ .Cleft { width: 270px; height: auto; padding-bottom: 20px; margin-bottom: 25px; background: -webkit-linear-gradient(top, #fafafa,#fafafa2e, #f8f8f80f); border-bottom: 1px solid #f0f0f0; float: left; margin-left: 20px; } .Cleft .lb1 { padding:0px 3px; background: #00afdc; margin: 0 5px 0 0; } .Cleft .lb { width: 100%; line-height: 48px; font-size: 18px; /* font-weight: bold; */ text-indent: 10px; color:red; /* border-bottom: 1px solid #cccccc; */ background-color: #f4f4f4; } .Cleft .lb span{ padding-left:33px; } .Cleft ul li{ width:230px; height:30px; padding-left: 10px; margin: 10px 10px 1px 10px; line-height:30px; overflow:hidden; } .Cleft ul li a span{ color:#555 } .Cleft ul{ padding-top: 4px; } .Cleft ul li a:hover{ color:#red; } .Cleft .Cleft1 { width: 100%; height: auto; margin: 16px 10px 0 0px; /* border-bottom: 1px dashed #cccccc;*/ } .Cleft .list { /* width: 100%; height: auto;*/ padding-left: 10px; margin: 10px 10px 1px 10px; /* border-bottom: 1px dashed #cccccc;*/ } .color1 { color: #00afdc!important; } .Cleft .Cleft1 .Cleft11 { line-height: 36px; text-indent: 10px; font-size: 16px; cursor: pointer; } .Cleft .Cleft1:hover .Cleft11 { color: #00afdc; } .Cleft .Cleft1 .Cleft11 .Cleft11img { width: auto; height: 36px; display: block; float: left; margin-left: 15px; } .Cleft12 { width: 100%; height: auto; display: none; } .Cleft12 a { text-align: center; line-height: 36px; display: block; } .Cleft12 a:hover { background: #00afdc; color: #ffffff; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.Cleft*/ /*{*/ /*width: 96%;*/ /*height: auto;*/ /*padding: 0 2%;*/ /*border: 1px solid #fff;*/ /*}*/ /*.Cleft .lb1*/ /*{*/ /*padding:0px 3px;*/ /*background: #00afdc;*/ /*margin: 0 5px 0 0;*/ /*}*/ /*.Cleft .lb*/ /*{*/ /*width: 100%;*/ /*line-height: 60px;*/ /*font-size: 18px;*/ /*font-weight: bold;*/ /*text-indent: 10px;*/ /*border-bottom: 1px dashed #cccccc;*/ /*}*/ /*.Cleft*/ /*{*/ /*float: left;*/ /*}*/ /*.Cleft .Cleft1*/ /*{*/ /*width: 100%;*/ /*height:auto;*/ /*padding: 20px 0;*/ /*border-bottom: 1px dashed #cccccc;*/ /*}*/ /*.Cleft .Cleft1 .Cleft11*/ /*{*/ /*line-height: 40px;*/ /*text-indent: 10px;*/ /*font-size: 18px;*/ /*}*/ /*.Cleft .Cleft1 .Cleft11 .Cleft11img*/ /*{*/ /*width: auto;*/ /*height: 40px;*/ /*display: block;*/ /*float: left;*/ /*margin-left: 15px;*/ /*}*/ /*}*/ .Cright_jswz { width: auto; height: auto; /* float: right;*/ margin: 0 20px; border-top:1px solid #f0f0f0; } .Cright { width: 870px; height: auto; float: right; margin-right: 20px; } .Cright_style1 { height: auto; float: right; margin-right: 20px; } .Cright .Cright1 { width: 100%; background: #f4f4f4; /* border-bottom: 1px solid #ddd; */ clear: both; } .Cright .Cright1 span { display: inline-block; font-size: 18px; line-height: 44px; padding: 0 10px; border-bottom: 2px solid #ff0000; } .Cright .Cright2 { width: 100%; height: auto; } .Cright .Cright2 li { width: 100%; height: auto; padding: 25px 0; overflow: hidden; border-bottom: 1px solid #ececec; } .Cright .Cright2 li .Cright2img { width: 260px; height: 170px; overflow: hidden; float: left; margin-left: 20px; } .Cright .Cright2 li .Cright2img img { width: auto; height: 100%; display: block; margin: 0 auto; } .Cright .Cright2 li .Cright2con { width: 560px; height: auto; float: left; padding: 0 2px; margin-left: 25px; } .Cright .Cright2 li .Cright2con .Cright2con1 { font-size: 18px; color: #333333; } .Cright .Cright2 li .Cright2con .Cright2con2 { text-align: justify; line-height: 25px; height: 50px; overflow: hidden; margin-top: 15px; color:#aaa; } .Cright .Cright2 li .Cright2con .Cright2con3 { height: 35px; margin-top: 15px; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.Cright*/ /*{*/ /*width: 100%;*/ /*height: auto;*/ /*float: right;*/ /*}*/ /*.Cright .Cright1*/ /*{*/ /*width: 100%;*/ /*background: #f7f7f7;*/ /*border-bottom: 1px solid #cccccc;*/ /*}*/ /*.Cright .Cright1 span*/ /*{*/ /*display: inline-block;*/ /*font-size: 16px;*/ /*line-height: 60px;*/ /*padding: 0 15px;*/ /*border-bottom: 2px solid #00afdc;*/ /*}*/ /*.Cright .Cright2*/ /*{*/ /*width: 100%;*/ /*height: auto;*/ /*}*/ /*.Cright .Cright2 li*/ /*{*/ /*width: 100%;*/ /*height: auto;*/ /*padding: 25px 0;*/ /*overflow: hidden;*/ /*border-bottom: 1px solid #ececec;*/ /*}*/ /*.Cright .Cright2 li .Cright2img*/ /*{*/ /*width: 100%;*/ /*height: 13rem;*/ /*overflow: hidden;*/ /*float: left;*/ /*}*/ /*.Cright .Cright2 li .Cright2img img*/ /*{*/ /*width: 100%;*/ /*height: 100%;*/ /*}*/ /*.Cright .Cright2 li .Cright2con*/ /*{*/ /*width: 96%;*/ /*height: auto;*/ /*float: left;*/ /*padding: 0 2%;*/ /*}*/ /*.Cright .Cright2 li .Cright2con .Cright2con1*/ /*{*/ /*font-size: 18px;*/ /*color: #333333;*/ /*}*/ /*.Cright .Cright2 li .Cright2con .Cright2con2*/ /*{*/ /*text-align: justify;*/ /*line-height: 25px;*/ /*height: 50px;*/ /*overflow: hidden;*/ /*margin-top: 1rem;*/ /*}*/ /*.Cright .Cright2 li .Cright2con .Cright2con3*/ /*{*/ /*height: 35px;*/ /*margin-top: 1rem;*/ /*}*/ /*}*/ /*_________________________________________________________________________________________________公司简介*/ .Cright3 { width: 100%; height: auto; padding:15px 0 0 0; line-height: 25px; /*border-bottom: 1px dashed #c6c6c6;*/ /*margin-bottom: 10px;*/ } .Cright3 .link_list{ text-align: center; margin: 15px 0 40px 0; background-color: #fafafa; color: blue; } .Cright3 .link_list li{ margin-right: 30px; display: inline; } .Cright3 .link_list li a{ color:blue; } .Cright3 .link_list li a:hover{ color:red; } .Cright3 img { width: auto; height: auto; } .Cright31 { width: 100%; height: auto; overflow: hidden; } .Cright31 li { width: 20%; height: auto; float: left; margin-left: 4%; margin-top: 20px; border: 1px solid #dddddd; padding-bottom: 2px; } .jsxw_str{ line-height: 20px; font-size: 14px; color:#aaa; } .Cright31 li .Cright31img { width: 100%; height:105px; overflow: hidden; } .Cright31 li .Cright31img img { width: 100%; height: 100%; } .Cright31 li .Cright31img:hover img { -webkit-animation: fangda 1s ease-in both; } .Cright31 li p { line-height: 25px; text-align: center; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ border-top: 1px solid #ddd; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.Cright31 li*/ /*{*/ /*width: 45%;*/ /*margin-left: 3.3%;*/ /*padding-bottom: .5rem;*/ /*}*/ /*.Cright31 li .Cright31img*/ /*{*/ /*height: 10rem;*/ /*}*/ /*.Cright31 li p*/ /*{*/ /*line-height: 1.5rem;*/ /*}*/ /*}*/ /*————————————————————————————————————————————————————————联系我们——人才招聘信息*/ .rczp { width: 100%; height: auto; } .rczp li { width: 100%; line-height:50px; overflow: hidden; border-bottom: 1px dashed #dddddd; padding-bottom: 36px; padding-top: 15px; } .rczp li .tp{width: 720px;float: left;padding: 0 0 0 7px;} .rczp li:nth-child(odd) { /* 奇数行 */ background: #ffffff; } .rczp li:nth-child(even) { /* 偶数行 */ background: #f8f9faab; } .rczp li .rczp1 { display: block; width: 780px; float: left; font-size: 18px; } .rczp li .rczp2 { float: right; /* width: 30%; */ display: block; text-align: right; padding-top: 35px; color:#666666e8; padding-right: 8px } /*——————————————————————————————————————————————————————————联系我们——我要留言*/ .wyly { width: 100%; height: auto; overflow: hidden; } .wyly .left { float: left; width: 330px; height: auto; overflow: hidden; margin-left: 27px; } .wyly .left input { display: block; width: 95%; height: 40px; line-height: 40px; float: left; margin-top: 22px; color: #666; outline: none; text-indent: 5px; -webkit-appearance:none; border-radius: 0; border: 1px solid #dddddd; } .liuyan { margin-top: 20px; width: 500px; height: 172px; color: #666; outline: none; text-indent: 5px; line-height: 40px; -webkit-appearance:none; border-radius: 0; border: 1px solid #dddddd; } .OK { width: 150px; line-height: 40px; background: #00afdc; border-radius: 5px; text-align: center; margin: 20px auto; clear: both; } .OK input { width: 100%; height: 100%; background: transparent; border: none; outline: none; color: #ffffff; text-align: center; line-height: 40px; font-size: 16px; cursor: pointer; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.wyly .left*/ /*{*/ /*float: left;*/ /*width: 100%;*/ /*height: auto;*/ /*overflow: hidden;*/ /*margin-left: 0;*/ /*}*/ /*.wyly .left input*/ /*{*/ /*display: block;*/ /*width: 98%;*/ /*height: 2rem;*/ /*line-height: 2rem;*/ /*float: left;*/ /*margin-top: 1rem;*/ /*color: #666;*/ /*outline: none;*/ /*text-indent: 0.5rem;*/ /*}*/ /*.liuyan*/ /*{*/ /*margin-top: 1rem;*/ /*width: 97%;*/ /*height: 5rem;*/ /*color: #666;*/ /*outline: none;*/ /*text-indent: 0.5rem;*/ /*line-height: 2rem;*/ /*}*/ /*.OK*/ /*{*/ /*width: 50%;*/ /*line-height: 2rem;*/ /*border-radius: .5rem;*/ /*text-align: center;*/ /*margin: 20px auto;*/ /*clear: both;*/ /*}*/ /*.OK input*/ /*{*/ /*width: 100%;*/ /*height: 100%;*/ /*background: transparent;*/ /*border: none;*/ /*outline: none;*/ /*color: #ffffff;*/ /*text-align: center;*/ /*line-height: 2rem;*/ /*font-size: 1rem;*/ /*cursor: pointer;*/ /*}*/ /*}*/ /*——————————————————————————————————————————————————————————详情页面*/ .content_jswz { width:auto; height: auto; padding:0px 0 10px 0; } .content_jswz .content1 { width: 100%; text-align: center; line-height: 40px; font-size: 25px; font-weight: bold; padding-top: 70px; background: -webkit-linear-gradient(top, #fafafaba,#fafafa2e, #f8f8f800); } .content_jswz .content2 { width: 100%; text-align: left; line-height: 40px; font-size: 14px; color: #000; border-bottom: 1px solid #f0f0f0; padding: 60px 0 20px 0; margin-bottom: 15px; } .content_jswz .content2 span{ margin-left:20px; } .content { width:100%; height: auto; padding: 45px 0 10px 0; } .content .content1 { width: 100%; text-align: center; line-height: 40px; font-size: 24px; font-weight: bold; } .content .content2 { width: 100%; text-align: left; line-height: 40px; font-size: 14px; color: #333; border-bottom: 1px solid #f0f0f0; padding: 10px 0 10px 0; } .content .content2 span{ margin-left:20px; } .wen { line-height: 30px; width: 100%; /* float: left; */ /* background: #f7f7f7;*/ /* text-indent: 10px;*/ border-radius: 3px; /* margin-top: 20px; */ } .wen span{ border: 1px solid #333; padding: 0 0 2px 7px; border-radius: 4px; color: #ffffff; background-color: #000; margin-right: 10px;} .wen:last-child { /* float: right;*/ } .wen a:hover { color: #ff0000; } /*——————————————————————————————————————————产品类别的文字模式*/ /*.lbys*/ /*{*/ /*width: auto;*/ /*height: 40px;*/ /*text-align: right;*/ /*line-height: 40px;*/ /*position: relative;*/ /*margin-bottom: 20px;*/ /*color: #666666;*/ /*cursor: pointer;*/ /*float: left;*/ /*margin-left: 60px;*/ /*}*/ /*.posi*/ /*{*/ /*position: absolute;*/ /*top: 0;*/ /*left: -160px;*/ /*width: 200%;*/ /*}*/ /*.lbys .lbys1*/ /*{*/ /*display: none;*/ /*}*/ /*.lbys span:hover*/ /*{*/ /*color: #00afdc;*/ /*}*/ /*.lbys img*/ /*{*/ /*display: block;*/ /*position: absolute;*/ /*top: 0;*/ /*right: 0;*/ /*height: 100%;*/ /*}*/ /*.lbys span*/ /*{*/ /*margin-right: 50px;*/ /*}*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++到底要怎样的展示方式*/ .zsfs { /*width: 890px;*/ width: 100%; height: auto; float: right; margin-bottom: 10px; background-color: #f4f4f4; box-shadow: 0px 1px 3px #ccc; } } .zsfs .zsfs1 { width: 40%; height: 50px; float: left; } .zsfs .zsfs11 { /* width:30%;*/ height: 50px; float: left; line-height: 50px; margin-left: 10px; background-color: #f4f4f4; } .zsfs .zsfs12 { width: 200px; height: 30px; float: left; border-radius: 25px; margin-top: 10px; overflow: hidden; } .zsfs .zsfs12 .lbysT { width: 100px; height: 30px; float: left; line-height: 30px; text-align: center; cursor: pointer; background-color: #ffffff; } .zsfs .zsfs12 .lbysT img { height: 70%; float: left; position: relative; top: 15%; left: 22%; } .zsfs .zsfs12 .lbysW { width:100px; height: 30px; float: left; line-height: 30px; text-align: center; cursor: pointer; } .zsfs .zsfs12 .lbysW img { height: 70%; float: left; position: relative; top: 15%; left: 22%; } .lbysbj1 { background: #00afdc; color: #FFFFFF; } .lbysbj2 { background: #eeeeee; color: #00afdc; } .lbysbj1 a{ color: #fff;} .lbysbj1 img:nth-child(2){ display:none;} .lbysbj2 img:nth-child(1){ display:none;} .ss { width: 26%; height: 50px; float: left; /* padding-right: 5px;*/ } .ss .ss1 { width: 75%; height: 30px; border: 1px solid #00afdc; border-radius: 15px; margin-top: 9px; float: left; margin-left: 22%; background-color: #ffffff; } .ss .ss1 .ss11 { height: 80%; position: relative; top: 10%; left: 5px; display: block; float: left; } .ss .ss1 .ss12 { display: block; height: 80%; border: none; outline: none; float: left; margin-left: 10px; margin-right: 20px; margin-top: 3px; /* width: 80%;*/ } .zsfs2 { display: block; /* float: right; */ outline: none; border: none; /* background: #00afdc; */ color: #FFFFFF; width: 10%; /* height: 34px;*/ text-align: center; line-height: 34px; margin-top: 5px; border-radius: 15px; cursor: pointer; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.zsfs*/ /*{*/ /*width: 100%;*/ /*height: auto;*/ /*}*/ /*.zsfs .zsfs1*/ /*{*/ /*display: none;*/ /*}*/ /*.ss*/ /*{*/ /*width: 100%;*/ /*}*/ /*.ss .ss1*/ /*{*/ /*margin-left: 0;*/ /*}*/ /*.zsfs2*/ /*{*/ /*width: 25%;*/ /*}*/ /*}*/ /*_______________________________________________________________*/ .tupianliebiao { display: none; } .cplb { width: 100%; height: auto; overflow: hidden; margin-top:20px; } .cplb:first-child { margin-top: 0; } .cplbtit { width: 100%; line-height:25px; text-indent: 10px; border-left:3px solid #00afdc ; margin: 15px 0; } .cplb .cplb1 { width: 100%; height: auto; /*border-color:#fafafa ;*/ /*border: 1px solid #fafafa;*/ } .cplb .cplb1 tr { line-height: 40px; border: 1px solid #cccccc; } .cplb .cplb1 tr td { text-indent: 10px; height: 40px; width: 49.5%; display: inline-block; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ border: none; } .cplb .cplb1 tr td a:hover { color: #00afdc; } .cplb1WZ { overflow: hidden; width: 99%!important; height: auto; border: 1px solid #cccccc; } .cplb1W { line-height: 40px; /*border: 1px solid #cccccc;*/ width: 49.9%; overflow: hidden; float: left; text-indent: 10px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ } .cplb1W:nth-child(2n) { border-right: none; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.cplb1WZ*/ /*{*/ /*overflow: hidden;*/ /*width: 99%!important;*/ /*height: auto;*/ /*border: 1px solid #cccccc;*/ /*}*/ /*.cplb1W*/ /*{*/ /*line-height:2rem;*/ /*border: 1px solid #cccccc;*/ /*width: 49.6%;*/ /*overflow: hidden;*/ /*float: left;*/ /*text-indent: 10px;*/ /*font-size: 1rem;*/ /*border-right:1px solid #cccccc;*/ /*border-bottom:1px solid #cccccc;*/ /*}*/ /*}*/ .bjF6 { background: #f6f6f6; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.lbys,.xiala*/ /*{*/ /*display: none;*/ /*}*/ /*.cplb .cplb1 tr td*/ /*{*/ /*text-indent: 10px;*/ /*height: 40px;*/ /*width: 48.6%;*/ /*display: inline-block;*/ /*overflow:hidden; *//*超出的部分隐藏起来。*/ /*white-space:nowrap;*//*不显示的地方用省略号...代替*/ /*text-overflow:ellipsis;*//* 支持 IE */ /*}*/ /*}*/ /*——————————————————————————————————————————————帮你选型*/ .help { width: 100%; height: auto; overflow: hidden; margin-top:20px; } /* .help li { width: 21%; height: auto; float: left; margin-left: 1.5%; margin-top: 15px; padding: 10px 1%; border: 1px dashed #cccccc; }*/ .help li { width: 21%; height: auto; float: left; margin-left: 1.5%; margin-top: 15px; padding: 10px 1%; border-radius: 5px; border: 1px solid #ddd; } .help li:hover { border: 1px solid #00afdc; } .help li:hover .helpimg img { -webkit-animation: fangda 1s ease-in both; } .help li .helpimg { width: 98%; height: 150px; padding: 5px 1%; overflow: hidden; } .help li .helpimg img { width: 100%; height: 100%; } .help li .fa { width: 90%; padding: 0 5%; line-height:30px; font-size: 16px; overflow: hidden; text-align: justify; text-align: center; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ } .help li .sm { width: 90%; padding: 0 5%; height: 100px; line-height:25px; overflow: hidden; text-align: justify; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.help li*/ /*{*/ /*width: 45%;*/ /*margin-left: 2%;*/ /*}*/ /*}*/ /*————————————————————————————————————————————————产品详情页面*/ .chuchuang { width: 600px; height: 440px; float: left; margin-top: 10px; padding-top:20px; } /*窗口图集*/ .sidu_detil{ margin-top:5%;} .pro_detaleft{ width:500px; /*height:350px;*/ position:relative; overflow:hidden;} #picSlideWrap{ width:100%;height: 100%} .imgnav{ width:100%; margin:10px auto;} #content{margin:0px auto; line-height:19px;} #content p{ text-indent:2em; color:#333;} .imgnav{ position:relative; margin:0 auto; width:100%;} #img{ z-index:10; width:100%; height:325px; position:relative; text-align:center; border:1px solid #ffffff; overflow:hidden; margin-left: 10px;} #img img{ height: 100%;width: auto; display:none;} #front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer; width:250px; height:100%; } #front a{ position:absolute; left:20px; top:130px;display:block;width:22px; height:22px; display:none;} #next{ position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:250px; height:100%; } #next a{ position:absolute; right:20px; top:130px; display:block; width:22px; height:22px; display:none;} #cbtn{background:#fff; position:relative; height:90px; margin-top:0px; margin-left: 15px;} #cbtn ul{position:relative; width:10000px; height:80px;margin-top: 4px;} #cbtn ul li{ float:left; padding:8px 0px 3px 0px; width:104px; height:68px; cursor:pointer; text-align:center; margin-right:4px; position:relative;} #cbtn ul li img{ width:100%; height:60px; display:block;padding-top: 6px;} /*只显示一个的原因*/ #cbtn ul li:last-child { margin-right: 10px; } #cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;} #cbtn li.hov{ background:url(/static/whgdmk/img/imgHoverBg.gif) no-repeat;} .ctrl div{ clear:both;} #cSlideUl{width:82%; height:72px;overflow:hidden; position:relative; top:15px; margin:0 auto;} .picSildeLeft{cursor:pointer; position:absolute; top:14px; left:0; z-index:9;display: block;height: 100%} .picSildeLeft img { display: block; height: 82%; } .picSildeRight{cursor:pointer; position:absolute; top:14px; right:0; z-index:9;height: 100%} .picSildeRight img { display: block; height: 82%; } #cSlideUl ul li { border: 1px solid #cccccc; height: 55px; } #cSlideUl ul li img { display: block; width: 100%; height: 100; position:absolute; top: 0; left: 0; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.chuchuang*/ /*{*/ /*width: 100%;*/ /*height: auto;*/ /*}*/ /*#img*/ /*{*/ /*height: 20rem;*/ /*}*/ /*#img img*/ /*{*/ /*width: 100%;*/ /*height: auto;*/ /*}*/ /*#cSlideUl{width:57%;}*/ /*}*/ /*@media (min-width: 375px){*/ /*#cbtn ul li*/ /*{*/ /*width: 98px;*/ /*}*/ /*}*/ /*@media (min-width: 320px){*/ /*#cbtn ul li*/ /*{*/ /*width: 90px;*/ /*}*/ /*}*/ /*这是橱窗右边的东西*/ .cpjs { width: 550px; /* height: 450px;*/ float: right; margin-right:20px; } .cpjs .cpjs1 { font-size: 24px; line-height: 40px; margin: 20px 0 20px 0; font-weight: bold; text-align: center; border-bottom: 1px solid #ff0000; } .cpjs .cpjs1 span { color: #ed3d1a; margin-right: 10px; } .cpjs .cpjs2 { font-size: 16px; /*text-align: center;*/ } .cpjs .cpjs3 { margin:15px 0 15px 0; } .cpjs .cpjs3 a { color: #1b4e95; line-height: 40px; padding-right: 20px; font-size: 16px; /*margin-left: 10px;*/ cursor: pointer; } .cpjs .cpjs3 a img { position: relative; top: 10px; margin-right: 10px; } .cpjs4 { line-height: 50px; width:96%; overflow: hidden; border-top: 1px solid #d2d2d2; } .cpjs4 span { color: #d2d2d2; position: relative; display: block; float: left; padding-right: 5px; font-size: 15px; } .cpjs4 span b { display: block; float: left; width: 10px; height: 10px; background: #d2d2d2; position: relative; top: 20px; margin-right: 5px; } .cpjs .cpjs5 { border-bottom: 1px dashed #cccccc; /* width: 92%; */ margin-bottom: 15px; padding: 0px 5px 35px 0px; font-size: 14px; line-height: 33px; color: #333333; height: 140px; overflow: hidden; } .cpjs .cpjs6 { color: #ed3d1a; margin-top: 20px; } .cpjs7 { line-height: 25px; margin-top: 20px; width: 100%; } .cpjs7 .cpjs71 { width: 30px; height: 30px; display: block; float: left; } .cpjs7 .cpjs71 img { display: block; width: 80%; margin-top: 10%; height: auto; } /*.cpjs7 .cpjs71:first-child*/ /*{*/ /*background: url("/static/whgdmk/img/qq.jpg") no-repeat center;*/ /*background-size: 80% auto;*/ /*overflow: hidden;*/ /*}*/ /*.cpjs7 .cpjs71:nth-of-type(2)*/ /*{*/ /*background:url("/static/whgdmk/img/eeee.jpg") no-repeat center;*/ /*background-size: 80% auto;*/ /*overflow: hidden;*/ /*}*/ .cpjs7 span { padding-right: 50px; font-size: 16px; color: #333333; margin-top: 20px; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.cpjs*/ /*{*/ /*width: 100%;*/ /*height: auto;*/ /*float: right;*/ /*}*/ /*.cpjs .cpjs1*/ /*{*/ /*font-size: 1.5rem;*/ /*line-height:3rem;*/ /*}*/ /*.cpjs .cpjs1 span*/ /*{*/ /*color: #ed3d1a;*/ /*}*/ /*.cpjs .cpjs2*/ /*{*/ /*font-size: 0.9rem;*/ /*}*/ /*.cpjs .cpjs3*/ /*{*/ /*margin:1rem 0 1.5rem 0;*/ /*}*/ /*.cpjs .cpjs3 a*/ /*{*/ /*color: #1b4e95;*/ /*line-height: 40px;*/ /*padding-right: 20px;*/ /*font-size: 1.2rem;*/ /*margin-left: 10px;*/ /*cursor: pointer;*/ /*}*/ /*.cpjs .cpjs3 a img*/ /*{*/ /*position: relative;*/ /*top: 10px;*/ /*margin-right: 10px;*/ /*}*/ /*.cpjs4*/ /*{*/ /*line-height:2rem;*/ /*overflow: hidden;*/ /*border-top: 1px solid #d2d2d2;*/ /*}*/ /*.cpjs4 span*/ /*{*/ /*color: #d2d2d2;*/ /*position: relative;*/ /*display: block;*/ /*float: left;*/ /*padding-right: 5px;*/ /*}*/ /*.cpjs4 span b*/ /*{*/ /*display: block;*/ /*float: left;*/ /*width: 10px;*/ /*height: 10px;*/ /*background: #d2d2d2;*/ /*position: relative;*/ /*top: .8rem;*/ /*margin-right: 5px;*/ /*}*/ /*.cpjs .cpjs5*/ /*{*/ /*border: 1px solid #cccccc;*/ /*width: 95%;*/ /*padding: .5rem 2%;*/ /*font-size: 16px;*/ /*line-height: 32px;*/ /*color: #333333;*/ /*height: 64px;*/ /*overflow: hidden;*/ /*}*/ /*.cpjs .cpjs6*/ /*{*/ /*color: #ed3d1a;*/ /*margin-top:1rem;*/ /*}*/ /*.cpjs7*/ /*{*/ /*line-height: 30px;*/ /*margin-top: 30px;*/ /*}*/ /*.cpjs7 a*/ /*{*/ /*width: 1.5rem;*/ /*height:1.5rem;*/ /*display: block;*/ /*float: left;*/ /*}*/ /*.cpjs7 a:first-child*/ /*{*/ /*background: url("/static/whgdmk/img/qq.jpg") no-repeat;*/ /*background-size: 100% auto;*/ /*}*/ /*.cpjs7 a:nth-of-type(2)*/ /*{*/ /*background:url("/static/whgdmk/img/eeee.jpg") no-repeat;*/ /*background-size: 100% auto;*/ /*margin: 0 15px;*/ /*}*/ /*.cpjs7 span*/ /*{*/ /*padding-right: 10px;*/ /*font-size: .8rem;*/ /*color: #333333;*/ /*margin-top: 0rem;*/ /*width: 100%;*/ /*display: block;*/ /*}*/ /*.cpjs7 span:last-child*/ /*{*/ /*text-indent: 4.7rem;*/ /*}*/ /*}*/ /*这是选项卡得部分*/ .xxk { clear: both; /* width: 98%;*/ line-height: 40px; /* height: 40px; padding-top: 40px;*/ clear: both; margin: 10px 20px; border-bottom: 1px solid #dddddd; } .xxk span { font-size: 16px; cursor: pointer; display: block; float: left; padding: 0 20px; } .xxkcon { /* width:98%;*/ padding: 5px 10px 0 10px; /* margin-top: 10px;*/ margin-bottom: 40px; border: 0px solid #cccccc; margin: 10px; } .xxkcon .xxkcon1 { display: none; } .xxkcon .xxkcon1:first-child { display: block; } .xxk span:hover { background: #0850b3; color: #FFFFFF; } .xxkcon1bj { background: #0850b3; color: #FFFFFF; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.xxk*/ /*{*/ /*clear: both;*/ /*width: 100%;*/ /*line-height: 40px;*/ /*height: auto!important;*/ /*padding-top: 1rem;*/ /*clear: both;*/ /*overflow: hidden;*/ /*border-bottom:none;*/ /*}*/ /*.xxk span*/ /*{*/ /*font-size: 16px;*/ /*cursor: pointer;*/ /*display: block;*/ /*float: left;*/ /*padding: 0 .3rem;*/ /*font-size: 0.8rem;*/ /*border-bottom: 0.01rem solid #0850b3;*/ /*}*/ /*.xxkcon*/ /*{*/ /*width:97.8%;*/ /*padding: 5px 1%;*/ /*margin-top: 10px;*/ /*margin-bottom: 1rem;*/ /*border: 1px solid #cccccc;*/ /*font-size: 0.8rem;*/ /*}*/ /*.xxkcon .xxkcon1*/ /*{*/ /*display: none;*/ /*}*/ /*.xxkcon .xxkcon1:first-child*/ /*{*/ /*display: block;*/ /*}*/ /*.xxk span:hover*/ /*{*/ /*background: #0850b3;*/ /*color: #FFFFFF;*/ /*}*/ /*.xxkcon1bj*/ /*{*/ /*background: #0850b3;*/ /*color: #FFFFFF;*/ /*}*/ /*}*/ /*——————————————————————————————————————————————————————————————————推荐产品*/ .tjcp { font-weight: normal; font-size: 22px; } .tjcp1 { border-bottom: 2px solid #0138a3; line-height: 50px; } .tjcpcon { width: 100%; height: auto; margin:20px 20px 0px 20px; overflow: hidden; } .tjcpcon .tjcpcon1 { width: 215px; height: 200px; float: left; margin-left: 19px; border: 1px solid #cccccc; } .tjcpcon .tjcpcon1:first-child { margin-left: 0; } .tjcpcon .tjcpcon1 .tjcpcon11 { width: 100%; height:160px; overflow: hidden; } .tjcpcon .tjcpcon1 .tjcpcon11:hover img { -webkit-animation: fangda 0.2s ease-in both; } .tjcpcon .tjcpcon1 .tjcpcon11 img { display: block; width: 110%; /* height: 90%; */ margin: 5% auto; position: relative; top: 5px; left: -12px; } .tjcpcon .tjcpcon1 .tjcpcon12 { line-height: 40px; text-align: center; background: #f7f7f7; color: #333; font-size: 14px; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.tjcp*/ /*{*/ /*font-weight: normal;*/ /*font-size: 1.3rem;*/ /*}*/ /*.tjcp1*/ /*{*/ /*border-bottom: 2px solid #0850b3;*/ /*line-height: 3rem;*/ /*}*/ /*.tjcpcon*/ /*{*/ /*width: 100%;*/ /*height: auto;*/ /*margin:20px 0 0px 0;*/ /*overflow: hidden;*/ /*}*/ /*.tjcpcon .tjcpcon1*/ /*{*/ /*width: 47%;*/ /*height:9rem;*/ /*float: left;*/ /*margin-left:2%;*/ /*margin-top: .6rem;*/ /*border: 1px solid #cccccc;*/ /*}*/ /*.tjcpcon .tjcpcon1:first-child*/ /*{*/ /*margin-left: 2%;*/ /*}*/ /*.tjcpcon .tjcpcon1 .tjcpcon11*/ /*{*/ /*width: 100%;*/ /*height:7rem;*/ /*overflow: hidden;*/ /*}*/ /*.tjcpcon .tjcpcon1 .tjcpcon11:hover img*/ /*{*/ /*-webkit-animation: fangda 1s ease-in both;*/ /*}*/ /*.tjcpcon .tjcpcon1 .tjcpcon11 img*/ /*{*/ /*display: block;*/ /*width: 100%;*/ /*height: 100%;*/ /*}*/ /*.tjcpcon .tjcpcon1 .tjcpcon12*/ /*{*/ /*line-height: 2rem;*/ /*height: 2rem;*/ /*text-align: center;*/ /*background: #0850b3;*/ /*color: #FFFFFF;*/ /*font-size: 0.8rem;*/ /*}*/ /*.tjcpcon .tjcpcon1:last-child*/ /*{*/ /*display: none;*/ /*}*/ /*}*/ /*——————————————————————————————————————————————————技术资料之类的*/ .info { width: 340px; height: auto; float: left; margin-top: 40px; margin-left: 10px; } .infoO { width: 340px; float: left; margin-left: 80px; } .infoT { float: right; margin-right: 10px; } .infoTT { margin-left: 80px; width: 760px; } .info .stitle { font-size: 20px; color: #333333; line-height: 50px; border-bottom: 2px solid #cccccc; } .infozz { clear: left; } .info .info1 { width: 100%; height: auto; } .info .info1 li { line-height: 40px; } .info .info1 li a { font-size: 16px; color: #333333; } .info .info1 li span { display: block; float: left; } .info .info1 li span:first-child { width: 10px; height: 10px; background: #a0a0a0; margin-top: 15px; } .info .info1 li span:last-child { text-indent: 10px; width: 330px; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ } .info .info1 .zzz { width: 50%; height: auto; float: left; margin-top: 20px; } .info .info1 .zzz:nth-of-type(3) { margin-top: 0; } .info .info1 .zzz:nth-of-type(4) { margin-top: 0; } .info .info1 .zzz .zzz1 { width: 100%; height: 90px; overflow: hidden; } .info .info1 .zzz .zzz1 img { display: block; width: 100%; height: 100%; } .info .info1 .zzz .zzz2 { text-align: center; line-height: 30px; max-height: 60px; overflow: hidden; } .infoTT .infoTT1 { text-indent: 30px; font-size: 16px; line-height:25px; color: #333333; margin-top: 20px; } .infoTT .infoTT1:last-child { font-size: 14px; margin-top: 0; } .infoTT .infoTT2 { font-size: 16px; color: #333333; margin-top: 10px; } .infoTT .infoTT2 span { margin-left: 15px; } .infoTT .infoTT2 span b { color: #d82a09; } .infoTT .infoTT2 span img { display: inline-block; position: relative; top: 5px; right: 5px; } .infoTT .infoTT3 { color: #333333; } .infoTT .infoTT3 a { font-size: 16px; padding: 0 20px; line-height:60px; } .infoTT .infoTT3 a:hover { color: #ff0000; } .infoTT .infoTT3 a:first-child { padding-left: 0; } .info .tel1 { margin-top:10px; } .info .tel1 span { display: block; width:50px; height:50px; background: url("/static/whgdmk/img/tel.jpg") no-repeat; background-size:100% 100% ; float: left; } .info .tel1 b { /*float: left;*/ font-size: 18px; color: #333333; } .info .tel1 p { font-size: 14px; } .info .tel2 { clear: both; font-size: 16px; color: #333333; line-height:30px; margin: 10px 0 5px 0; } .info .tel3 { font-size:16px; color: #333333; } .info .tel4 { margin-top: 10px; } .info .tel4 a { padding: 3px 15px; background: #0850b3; color: #FFFFFF; } .info .tel4 a:last-child { margin-left: 40px; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.info*/ /*{*/ /*width: 100%;*/ /*height: auto;*/ /*float: left;*/ /*margin-top: 1rem;*/ /*}*/ /*.infoO*/ /*{*/ /*width: 100%;*/ /*float: left;*/ /*margin-left:0;*/ /*}*/ /*.infoT*/ /*{*/ /*float: right;*/ /*}*/ /*.infoTT*/ /*{*/ /*margin-left: 0;*/ /*width: 100%;*/ /*}*/ /*.info .stitle*/ /*{*/ /*font-size: 1.3rem;*/ /*color: #333333;*/ /*line-height: 2.5rem;*/ /*border-bottom: 2px solid #cccccc;*/ /*}*/ /*.infozz*/ /*{*/ /*clear: left;*/ /*}*/ /*.info .info1*/ /*{*/ /*width: 100%;*/ /*height: auto;*/ /*}*/ /*.info .info1 li*/ /*{*/ /*line-height: 2.5rem;*/ /*overflow: hidden;*/ /*}*/ /*.info .info1 li a*/ /*{*/ /*font-size: 1rem;*/ /*color: #333333;*/ /*}*/ /*.info .info1 li span*/ /*{*/ /*display: block;*/ /*float: left;*/ /*}*/ /*.info .info1 li span:first-child*/ /*{*/ /*width: 10px;*/ /*height: 10px;*/ /*background: #a0a0a0;*/ /*margin-top: 15px;*/ /*}*/ /*.info .info1 li span:last-child*/ /*{*/ /*text-indent: 10px;*/ /*width: 94%;*/ /*overflow:hidden; *//*超出的部分隐藏起来。*/ /*white-space:nowrap;*//*不显示的地方用省略号...代替*/ /*text-overflow:ellipsis;*//* 支持 IE */ /*}*/ /*.info .info1 .zzz*/ /*{*/ /*width: 50%;*/ /*height: auto;*/ /*float: left;*/ /*margin-top: .5rem;*/ /*}*/ /*.info .info1 .zzz:nth-of-type(3)*/ /*{*/ /*margin-top: 0;*/ /*}*/ /*.info .info1 .zzz:nth-of-type(4)*/ /*{*/ /*margin-top: 0;*/ /*}*/ /*.info .info1 .zzz .zzz1*/ /*{*/ /*width: 100%;*/ /*height: 90px;*/ /*overflow: hidden;*/ /*}*/ /*.info .info1 .zzz .zzz1 img*/ /*{*/ /*display: block;*/ /*width: 100%;*/ /*height: 100%;*/ /*}*/ /*.info .info1 .zzz .zzz2*/ /*{*/ /*text-align: center;*/ /*line-height: 30px;*/ /*}*/ /*.infoTT .infoTT1*/ /*{*/ /*text-indent: 30px;*/ /*font-size: 1rem;*/ /*line-height:2rem;*/ /*color: #333333;*/ /*margin-top: .5rem;*/ /*}*/ /*.infoTT .infoTT1:last-child*/ /*{*/ /*font-size: 1rem;*/ /*margin-top: 0;*/ /*}*/ /*.infoTT .infoTT2*/ /*{*/ /*font-size: 1rem;*/ /*color: #333333;*/ /*margin-top: .5rem;*/ /*}*/ /*.infoTT .infoTT2 span*/ /*{*/ /*margin-left: .5rem;*/ /*display: block;*/ /*width: 100%;*/ /*}*/ /*.infoTT .infoTT2 span b*/ /*{*/ /*color: #d82a09;*/ /*}*/ /*.infoTT .infoTT2 span img*/ /*{*/ /*display: inline-block;*/ /*position: relative;*/ /*top: 5px;*/ /*right: 5px;*/ /*}*/ /*.infoTT .infoTT3*/ /*{*/ /*color: #333333;*/ /*}*/ /*.infoTT .infoTT3 a*/ /*{*/ /*font-size: 0.8px;*/ /*padding: 0 .1rem;*/ /*line-height:2rem;*/ /*}*/ /*.infoTT .infoTT3 a:hover*/ /*{*/ /*color: #ff0000;*/ /*}*/ /*.infoTT .infoTT3 a:first-child*/ /*{*/ /*padding-left: 0;*/ /*}*/ /*.info .tel1*/ /*{*/ /*margin-top:10px;*/ /*}*/ /*.info .tel1 span*/ /*{*/ /*display: block;*/ /*width:2.5rem;*/ /*height:2.5rem;*/ /*background: url("/static/whgdmk/img/tel.jpg") no-repeat;*/ /*background-size:100% 100% ;*/ /*float: left;*/ /*}*/ /*.info .tel1 b*/ /*{*/ /*float: left;*/ /*font-size: 1rem;*/ /*color: #333333;*/ /*}*/ /*.info .tel1 p*/ /*{*/ /*font-size: 1rem;*/ /*}*/ /*.info .tel2*/ /*{*/ /*clear: both;*/ /*font-size: 1rem;*/ /*color: #333333;*/ /*line-height:2rem;*/ /*margin: 10px 0 5px 0;*/ /*}*/ /*.info .tel3*/ /*{*/ /*font-size:1rem;*/ /*color: #333333;*/ /*}*/ /*.info .tel4*/ /*{*/ /*margin-top: 10px;*/ /*}*/ /*.info .tel4 a*/ /*{*/ /*padding: 3px 15px;*/ /*background: #0850b3;*/ /*color: #FFFFFF;*/ /*}*/ /*.info .tel4 a:last-child*/ /*{*/ /*margin-left: 40px;*/ /*}*/ /*}*/ /*_____________________________________________________________________________________________搜索列表*/ .sousuo { width: 1158px; height: auto; float: left; } .sousuo .sousuo1 { width: 100%; height: auto; } .sousuo .sousuo1 li { height: 160px; width: 100%; padding: 5px 0; /* border-bottom: 1px dashed #cccccc;*/ margin-left:20px; } .sousuo .sousuo1 li .sousuo1img { /* width: 20%;*/ height:150px; overflow:hidden; float: left; border-bottom: 1px solid #ddd; } .sousuo .sousuo1 li .sousuo1img img { width: auto; height: 90%; } .sousuo .sousuo1 li .sousuocontent { width: 77%; height: 150px; float: right; border-bottom: 1px solid #ddd; } .sousuo .sousuo1 li .sousuocontent .sousuocontent1 { color: #333333; font-size: 20px; line-height: 40px; float:left; } .sousuo .sousuo1 li .sousuocontent .sousuocontent2 { color: #333333; font-size: 20px; line-height: 40px; margin-left: 10px; float: left; } .sousuo .sousuo1 li .sousuocontent .sousuocontent3 { width: 100%; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ } .sousuo .sousuo1 li .sousuocontent a { display: block; width: 110px; line-height: 30px; background: #00afdc; color: #FFFFFF; text-align: center; margin: 20px 30px 0 0px; border-radius: 14px; /* float: right; border-radius: 15px;*/ } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.sousuo .sousuo1 li*/ /*{*/ /*height: 8rem;*/ /*width: 100%;*/ /*padding: 5px 0;*/ /*border-bottom: 1px dashed #cccccc;*/ /*}*/ /*.sousuo .sousuo1 li .sousuo1img*/ /*{*/ /*width: 30%;*/ /*height:8rem;*/ /*overflow:hidden;*/ /*float: left;*/ /*}*/ /*.sousuo .sousuo1 li .sousuo1img img*/ /*{*/ /*height: auto;*/ /*}*/ /*.sousuo .sousuo1 li .sousuocontent*/ /*{*/ /*width: 68%;*/ /*height: 8rem;*/ /*float: right;*/ /*}*/ /*.sousuo .sousuo1 li .sousuocontent .sousuocontent2*/ /*{*/ /*color: #333333;*/ /*font-size: 1.3rem;*/ /*line-height:2rem;*/ /*}*/ /*.sousuo .sousuo1 li .sousuocontent .sousuocontent3*/ /*{*/ /*width: 100%;*/ /*overflow:hidden; *//*超出的部分隐藏起来。*/ /*white-space:nowrap;*//*不显示的地方用省略号...代替*/ /*text-overflow:ellipsis;*//* 支持 IE */ /*}*/ /*.sousuo .sousuo1 li .sousuocontent a*/ /*{*/ /*display: block;*/ /*width: 100px;*/ /*line-height: 30px;*/ /*background: #00afdc;*/ /*color: #FFFFFF;*/ /*text-align: center;*/ /*margin-top:.5rem;*/ /*}*/ /*}*/ /*分页的样式*/ .fenye { width: 100%; height: 60px; line-height: 40px; text-align: center; margin: 40px 0 0 0; } .fenye a { padding: 5px 10px; border: 1px solid #00afdc; background: #ffffff; color: #00afdc; margin: 0 5px; } .fenye a:hover { background: #00afdc; color: #ffffff; } .fenyeXuanzhong { background: #00afdc!important; color: #ffffff!important; } .fenye .fenzhi { display: none; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.fenye*/ /*{*/ /*margin: 2rem 0 0rem 0 ;*/ /*}*/ /*.fenye a*/ /*{*/ /*padding: .2rem .5rem;*/ /*border: 1px solid #00afdc;*/ /*background: #ffffff;*/ /*color: #00afdc;*/ /*}*/ /*}*/ /*添加的服务与支持*/ .Cleftfw { width: 96%; height: auto; padding: 10px 2% 10px 2%; box-shadow: 0px 1px 3px #ccc; margin-top: 15px; background: #FFFFFF; } .Cleftfw .Cleftfw1 { padding: 0px 0 10px 0; color: #666666; text-align: center; } .Cleftfw2 { width: 100%; height: auto; margin-top: 15px; } .Cleftfw2 .Cleftfw2img { display: block; float: left; height: 36px; margin-right: 5px; } .Cleftfw2 .Cleftfw2tel { line-height: 36px; font-size: 24px; color: #00afdc; } .Cleftfw2 .Cleftfw2num { line-height: 26px; font-size: 16px; color: #666666; padding-top: 5px; } .Cleftfw21 { width: 14%; height: 200px; float: left; margin-right: 5px; } .Cleftfw21 img { width: 100%; } .Cleftfw22 { width: 82%; float: left; font-size: 16px; line-height: 26px; padding-top: 5px; color: #666666; } .Cleftfw22 .Cleftfw22num1 { display: block; width: 40%; float: left; } .Cleftfw22 .Cleftfw22num2 { display: block; width: 60%; float: left; } .CleftfwH { background: #00afdc; padding: 5px 10px; color: #FFFFFF; border-radius: 3px; margin: 10px 35px 10px 0; float: right; } .CleftfwB { clear: both; width: 100%; text-align: center; color: #797979; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.Cleftfw*/ /*{*/ /*display: none;*/ /*}*/ /*}*/ /*————————————————————————————————————————————————————————————————————————组织结构单页的添加*/ .add_list { width: 1160px; height: auto; overflow: hidden; } .add_list li { padding: 20px 0; overflow: hidden; cursor: pointer; border-bottom: 1px dashed #cecece } .add_list li .add_listL { width: 180px; height: 120px; overflow: hidden; float: left; } .add_list li .add_listL img { width: 100%; height: 100%; } .add_list li:hover .add_listL img { -webkit-animation: fangda 1s ease-in both; } .add_list li .add_listR { width:930px; height: auto; float: left; padding: 0 0 0 40px; } .add_list li .add_listR b { font-size: 17px; margin-bottom: 20px; font-weight: normal; color: red; } .add_list li .add_listR p { color: #5a6a6a; line-height: 20px; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.add_list li*/ /*{*/ /*padding: .8rem 0;*/ /*overflow: hidden;*/ /*border-bottom: 0.01rem dashed #cecece*/ /*}*/ /*.add_list li .add_listL*/ /*{*/ /*width:100%;*/ /*height: 13rem;*/ /*overflow: hidden;*/ /*float: left;*/ /*}*/ /*.add_list li .add_listR*/ /*{*/ /*width:100%;*/ /*height: auto;*/ /*float: left;*/ /*padding: 0 1%;*/ /*}*/ /*.add_list li .add_listR b*/ /*{*/ /*font-size: 1rem;*/ /*margin-bottom: 0rem;*/ /*line-height: 2rem;*/ /*}*/ /*.add_list li .add_listR p*/ /*{*/ /*color: #333333;*/ /*line-height: 1.6rem;*/ /*}*/ /*}*/ /*————————————————————————————————————————————————————————————————添加的企业文化*/ .add_qy { width: 100%; height: auto; overflow: hidden; margin-top:35px; } .add_qy li { padding: 20px 0; overflow: hidden; cursor: pointer; border-bottom: 1px solid #eee; } .add_qy li .add_qyL { width: 180px; height:auto; text-align: right; overflow: hidden; float: left; margin-left:60px; } .add_qy li .add_qyL b { display: inline-block; width: 170px; line-height:30px; padding-right: 8px; font-size: 16px; color: #666666; border-right:2px solid #666666; } .add_qy li .add_qyL span { display: inline-block; width: 170px; line-height:20px; padding-right: 8px; border-right:2px solid #00afdc; color: #00afdc; margin-top: 2px; } .add_qy li .add_qyR { width:840px; height: auto; float: right; padding: 0 10px; color: #666666; } .add_qy li .add_qyR span { display: inline-block; width: 10px; height: 10px; background: #00afdc; border-radius: 5px; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.add_qy li*/ /*{*/ /*padding: 0px 0;*/ /*border-bottom: 0.01px dashed #cecece*/ /*}*/ /*.add_qy li .add_qyL*/ /*{*/ /*width: 100%;*/ /*height:auto;*/ /*text-align: left;*/ /*overflow: hidden;*/ /*float: left;*/ /*}*/ /*.add_qy li .add_qyL b*/ /*{*/ /*display: inline-block;*/ /*width: 170px;*/ /*line-height:30px;*/ /*padding-right: 0;*/ /*padding-left: 8px;*/ /*font-size: 16px;*/ /*color: #666666;*/ /*border-left:2px solid #666666;*/ /*border-right:none;*/ /*}*/ /*.add_qy li .add_qyL span*/ /*{*/ /*display: inline-block;*/ /*width: 170px;*/ /*line-height:20px;*/ /*padding-right:0px;*/ /*padding-left: 8px;*/ /*border-right:0px solid #00afdc;*/ /*border-left:2px solid #00afdc;*/ /*color: #00afdc;*/ /*margin-top: 2px;*/ /*}*/ /*.add_qy li .add_qyR*/ /*{*/ /*width:100%;*/ /*height: auto;*/ /*float: right;*/ /*padding: 0 0px;*/ /*color: #666666;*/ /*}*/ /*.add_qy li .add_qyR span*/ /*{*/ /*display: inline-block;*/ /*width: 10px;*/ /*height: 10px;*/ /*background: #00afdc;*/ /*border-radius: 5px;*/ /*}*/ /*}*/ /*图片放大的样式*/ .fangda { -webkit-animation: fangda 1s ease-in both; } @-webkit-keyframes fangda { 0% {-webkit-transform: scale(1);} 100% {-webkit-transform: scale(1.1);} } @-webkit-keyframes suofang { 0% {opacity: 0.8;-webkit-transform: scale(1);} 50% {opacity: 1;-webkit-transform:scale(0.9);} 100% {opacity: 0.8;-webkit-transform: scale(1);} } @-webkit-keyframes shangxia { 0%{opacity:1;-webkit-transform:translate(0,-5px);} 25%{opacity:1;-webkit-transform:translate(0,0);} 50%{opacity:1;-webkit-transform:translate(0,5px);} 100%{opacity:1;-webkit-transform:translate(0,0);} } /*添加的位置*/ .path { /*text-align: right;*/ margin-bottom: 10px; } .path a:hover { color: #00afdc; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.path*/ /*{*/ /*display: none;*/ /*}*/ /*}*/ /*菜单的样式的添加*/ .last_add { width: 200px; height: auto; float: left; margin-right: 30px; border-right: 1px solid #ddd; padding-right: 25px; } .last_add .last_add1 { width: 100%; text-align:center; font-size: 17px; line-height: 40px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #016d6c; } .last_add .last_add2 { width: 155px; height: 80px; margin-right: 10px; float:left; padding-left: 20px; } .last_add .last_add2 img { width: 100%; height: 100%; } .last_add .last_add3 b { font-size: 13px; overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ } .last_add .last_add3 p { height:60px; overflow-y: hidden; /* color:#666666;*/ margin-top: 5px; font-size: 12px; text-align:center; } /* 悬浮qq */ .float0831 {POSITION: fixed; TOP:20px; RIGHT: 1px; _position: absolute; z-index:99999;} .float0831 A {COLOR: #00a0e9;} .float0831 A:hover {COLOR: #ff8100; TEXT-DECORATION: none} .float0831 .floatL {POSITION: relative; WIDTH: 28px; FLOAT: left} .float0831 .floatL A {TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px} .float0831 .floatR {BACKGROUND: url(/static/whgdmk/img/float_bg.gif)} .float0831 .tp {BACKGROUND: url(/static/whgdmk/img/float_bg.gif)} .float0831 .cn {BACKGROUND: url(/static/whgdmk/img/float_bg.gif)} .float0831 .floatR {PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden} .float0831 .tp {BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px} .float0831 .cn {BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px} .float0831 .cn H3 {TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px; width:100%;} .float0831 .cn UL { PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px} .float0831 .cn UL LI {BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal; border-top:none;} .float0831 .titZx {BACKGROUND: url(/static/whgdmk/img/float_s.gif) 5px -10px no-repeat;PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left} .float0831 .titDh { BACKGROUND: url(/static/whgdmk/img/float_s.gif) 5px -66px no-repeat} .float0831 .titDc {BACKGROUND: url(/static/whgdmk/img/float_s.gif) 5px -124px no-repeat} .float0831 .icoZx { BACKGROUND: url(/static/whgdmk/img/float_s.gif) 2px -154px no-repeat} .float0831 .icoTc { BACKGROUND: url(/static/whgdmk/img/float_s.gif) 0px -323px no-repeat;PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left} .float0831 .icoFf { BACKGROUND: url(/static/whgdmk/img/float_s.gif) 2px -213px no-repeat;PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left} .float0831 .icoTl { BACKGROUND: url(/static/whgdmk/img/float_s.gif) no-repeat} .float0831 .btnOpen {BACKGROUND: url(/static/whgdmk/img/float_s.gif) -30px -396px no-repeat;POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP:260px; LEFT: 2px} .float0831 .btnOpen_n {background:url(/static/whgdmk/img/float_s.gif) 0px -530px no-repeat;POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 260px; LEFT: 2px;} .float0831 .icoTl { PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left} .float0831 .btnCtn {POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP:260px; LEFT: 2px;BACKGROUND: url(/static/whgdmk/img/float_s.gif) 0px -396px no-repeat;} .float0831 .cn UL LI.shi_line{ line-height:23px; height:auto; padding:6px 0; font-size:13px;} .fuma { width: 100%; text-align: center; font-weight: bold; color: #d60000; } .fuma img { display: block; width:80%; margin: 10px auto; height:auto; } /*@media screen and (max-width: 640px) {*/ /*.float0831*/ /*{*/ /*display: none;*/ /*}*/ /*}*/ /*——————————————————————————————————————————————————————————这是添加资料的样式*/ .add_zc { width: 100%; height: auto; } .add_zc li { width: 90%; height: auto; padding: 10px 5%; line-height: 50px; cursor: pointer; } .add_zc li:hover { background: #efefef; } .add_zc li:hover .add_zc1 { background: #00afdc; color: #FFFFFF; } .add_zc li .add_zc1 { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 25px; font-size: 25px; margin-right: 10px; } .add_zc li .add_zc2 { font-size: 14px; color: #333333; } /*@media only screen and (max-width: 640px)*/ /*{*/ /*.add_zc li*/ /*{*/ /*line-height: 2rem;*/ /*}*/ /*}*/ @media only screen and (max-width: 640px) { .banner { padding-top: 200px; width: 1200px; height: 561px; margin: 0 auto; overflow: hidden!important; } /* .W1 { width: 1200px!important; }*/ .PCbottom { width: 1200px!important; } } @media only screen and (max-width: 640px){ .head_window_show{ margin-top: 20px; margin-bottom: 20px; } .tete{ display: none; } .up_xs{ display: none; } .slShow li{ width: 100%; } .tutu{ padding: 0 16px; } .PCbottom{ display: none; } .cp_window li .div2{ padding:10px; } .cp_window li .div2 .wstr2{ white-space: nowrap; text-overflow: ellipsis; } .Cright{ width: 100%; margin-right:0; float: none; } .Cleft{ width: 100%; margin-left:0; } .contact_k1{ width: 100%!important; } } /*这是新增文章的pc样式*/ .tecx-wz{ margin:50px 20px 15px 20px; height: auto; overflow: hidden; } .tecx-wz .tecx-wz1{ float: left; width:-webkit-calc(33.33% - 20px); margin-right:30px; } .tecx-wz .tecx-wz1:last-child{ margin-right: 0; } .tecx-wz .tecx-wz1 h1 b{ display: block; float: left; margin-right: 4px; width: 25px; height: 25px; } .tecx-wz .tecx-wz1 h1{ font-size: 18px; } .tecx-wz .tecx-wz1 ul{ width: 100%; height: auto; margin-top:10px; } .tecx-wz .tecx-wz1 ul li{ width: 100%; height: 30px; line-height: 30px; } .tecx-wz .tecx-wz1 ul li font{ width: 6px; height: 6px; border-radius: 12px; background: #ccc; display: block; float: left; margin-right: 10px; margin-top: 12px; } .tecx-wz .tecx-wz1 ul li p{ font-size: 14px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; height: 32px; line-height: 32px; width:-webkit-calc(100% - 16px); } .tecx-wz .tecx-wz1 ul li a p:hover{ color: #016d6c; } @media only screen and (max-width: 640px){ .tecx-wz .tecx-wz1{ width: -webkit-calc(100% - 0px); margin-right: 0px; margin-top:30px; } }